Question

以下是一个示例表单：

<form action="#" method="post">
Name:<br />
<input type="text" name="name" value="your name" /><br />
E-mail:<br />
<input type="text" name="mail" value="your email" /><br />
<input type="submit" value="Send"> 
</form>

当您选择文本输入时，该值会突出显示。如何禁用它？

感谢任何帮助！

麦克

Answer 1

var $yourInput;

$yourInput = $("#your_input");

setTimeout(function() {
  return $yourInput.selectRange($yourInput.val().length, $yourInput.val().length);
}, 10);

你可以在这里找到

selectRange函数：jQuery Set Cursor Position in Text Area

Answer 2

你好，这是解决方案。肮脏的一个：

HTML：

<input type="text" id="a" />
<input type="text" id="b" />

使用Javascript：

$("input").focus(function(){
    if($(this).val() != ""){
        var elm = $(this);
        var val = elm.val();
        setTimeout(function(){elm.val(val);},1);
    }
});

演示：http://jsfiddle.net/naveed_ahmad/S2UPs/

Answer 3

这很有效，至少在Firefox中是这样。它触发“结束”键：

$('input[type=text]').bind('focus',function(){
    var e = jQuery.Event("keydown");
     e.which = 35; // # key code for end key
    $("input[type=text]").trigger(e);
    return false;
});

阻止选项卡文本突出显示/禁用选项卡文本选择

3 个答案: