javascript - 如何禁用 MobileSafari 自动选择？

Question

我的 webapp 要求用户点击并按住某个元素以进行游戏操作，
但 iPhone 会自动“选择”让用户感到困惑的区域。

任何人都知道哪些 html 元素会阻止选择，或者 javascript 是否可以阻止选择？

任何帮助表示赞赏

Answer 1

尝试处理selectstart事件并返回false.

尝试应用 CSS 规则，-webkit-user-select: none;

Answer 2

SLaks 的回答显然是正确的——我只是想为未来的观众稍微扩展一下。如果您使用的是 jQuery，这里有一个有用的扩展方法，可以在各种浏览器中禁用选择：

$.fn.extend({ 
        disableSelection : function() { 
                this.each(function() { 
                        this.onselectstart = function() { return false; }; 
                        this.unselectable = "on"; 
                        $(this).css('-moz-user-select', 'none'); 
                        $(this).css('-webkit-user-select', 'none'); 
                }); 
        } 
});