“不可选择”在网络工具包上不起作用

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，

铬 30，歌剧 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;

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