Question

我想阻止用户在聚焦输入字段内移动光标。别担心，这只会在他们开始用自己的一个替换默认值之前进行！

以下代码成功阻止用户使用箭头键移动光标：

$('.test').focus(function() {
    $(this).bind('keypress', function(event) {
        if (event.keyCode > 36 && event.keyCode < 41) {
            return false;
        } else {
            return true; 
        }      
    });
});

但类似的代码如：

$('.test').focus(function() {
    $(this).bind('click', false);
});

不会阻止点击在输入字段内移动光标。这两种情况有什么区别？

Answer 1

keypress是通过键盘输入时触发的事件。 click是一个鼠标事件。

Answer 2

在这里你走人......

$('#noclick').on('mousedown click', function() {
          return false;
});

Fiddle

Answer 3

也许这适合你：

$(".test").focus();
$(".test").bind('keydown', function(event) {
    if (event.keyCode > 36 && event.keyCode < 41) {
        return false;
    } else {
        return true; 
    }      
});
$(".test").bind('mousedown', function(event) {
    return false;
});

请参阅http://jsfiddle.net/zEp36/

这可以防止输入字段上的所有鼠标按下操作。箭头键也被抑制。只需开始输入，您将替换默认值。

绑定点击和绑定按键到输入字段之间的区别

3 个答案: