Javascript / jQuery:如何防止活动输入字段被更改?

时间:2009-07-03 13:12:26

标签: javascript jquery

如何在不使用disabled =“true”的情况下阻止用户更改输入字段中的值(包含要复制到剪贴板的特定值)?一旦用户点击该字段(已经在工作中),就应该选择该文本,但输入任何内容都应该没有效果。

由于

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

4 个答案:

答案 0 :(得分:35)

输入的html中的

readonly 就是阻止用户编辑输入所需的全部内容。

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

答案 1 :(得分:0)

我认为这应该有效:

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

或者可能(不确定)

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

答案 2 :(得分:0)

基于Pim's answer,这是怎么回事?

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"));
    });

});

(完全未经测试,但它证明了这个想法......)

答案 3 :(得分:0)

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

在readonly中注意资本“O”......