不允许在输入元素内选择

有点黑,但是:

onclick="this.selectionStart=this.selectionEnd=-1;"
onselect="this.selectionStart=this.selectionEnd=-1;"

似乎可以在火狐(3.6.3)中使用。

不过,请大家帮个忙,把它藏起来不让HTML看到( attachEvent 魔术)不要告诉任何人我建议了这个:)

我在代码中使用了以下函数,它不是jquery,但应该很容易转换:

function disableSelection(elm) {
    // Disable the selection of `elm` - should work for all major browsers except Opera
    // which doesn't seem to allow disabling selections unless the mousedown 
    // events etc are cancelled as far as I know

    // Disable the select start event
    elm.onselectstart = function() {
        return false
    }

    // Disable in IE - see http://msdn.microsoft.com/en-us/library/ms534706(VS.85).aspx
    elm.unselectable = "on"

    // Disable in Mozilla - see https://developer.mozilla.org/en/CSS/-moz-user-select
    elm.style.MozUserSelect = 'none'

    // Disable Safari/Chrome
    // See http://help.dottoro.com/lcrlukea.php
    elm.style.webkitUserSelect = 'none'

    // Disable in other browsers
    elm.style.userSelect = 'none'

    // Display a normal cursor
    elm.style.cursor = "default"
}

使用CSS用户选择可以禁用某些非IE浏览器中的文本选择。

-webkit-user-select:none; 
-k-user-select:none; 
-moz-user-select:moz-none; 
user-select:none;

对IE不确定。

就您试图达到的效果而言,如何使输入不可见并在显示输入值的输入顶部有一个DIV?

如果需要更改输入中的值,则DIV上的单击事件将焦点指向输入,而按键事件将更新DIV。

还没试过,但似乎可以用。

编辑:

使用CSS使输入不可见,以便保留选项卡功能。

(示例假设背景为fff)

#myInput {
    border-width:0;
    color:#FFF;
    background:#FFF;
    outline:0;
}