Javascript / jQuery: How to prevent active input field from being changed?

Question

how do I prevent the user to change the value in an input field (which contains a certain value to be copied into the clipboard) without using disabled="true"? The text should be selected once the user clicks in the field (that's working already) but entering anything should have no effect.

Thanks

jQuery('input.autoselect[value]').focus(function() { jQuery(this).select(); });

Answer 1

只需在输入的html中读取即可阻止用户编辑输入。

<input readonly="readonly" type="text" value="You can't edit me!"/>

Answer 2

I think this should work:

var val = jQuery('input.autoselect[value]').val();
jQuery('input.autoselect[value]').change( function(){
   jQuery(this).val(val);
});

Or possibly (not sure)

jQuery('input.autoselect[value]').keydown(function(){
   return false;
});

Answer 3

Based on Pim's answer , how about this?

jQuery(document).ready(function(){

    jQuery("input.readonly").each(function(){
           jQuery(this).attr("savedVal", jQuery(this).val());
    });

    jQuery("input.readonly").change(function(){
           jQuery(this).val(jQuery(this).attr("savedVal"));
    });

});

(completely untested, but it demonstrates the idea...)

Answer 4

<script>
document.getElementById("newval").readOnly = true;
</script>

Watch for the capital "O" in readonly...