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

Question

Hi,

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

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 2

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 3

Uhm,... am I missing something here?

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