jquery - 不可选择在 webkit 上不起作用

Question

$('input').on('focus', function() {
    $(this).val('example');
    $(this).attr('unselectable', 'on').css('user-select', 'none').on('startselect', false);
});

当我尝试在 Chrome 或 Opera 上选择字段值时，我可以做到这一点。在 Firefox 和 IE 上很好。

有什么方法可以禁用输入字段中的文本选择？

IE 10、Chrome 30、Opera 17。

来源：http: //jsfiddle.net/VmDDY/

Answer 1

尝试这个，

CSS

.unselectable {
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

脚本

$('input').on('focus', function() {
    $(this).val('example');
    $(this).attr('unselectable', 'on')
           .addClass('unselectable').on('startselect', false);
    //add class ------^
});

Opera不支持用户选择

Answer 2

您需要使用所有正确的 CSS 变体：

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

但是此链接表明您提到的浏览器不支持该功能