如何禁用MobileSafari自动选择?

时间:2009-11-25 02:06:41

标签: javascript iphone mobile-safari

我的网络应用程序要求用户点击并按住元素进行游戏操作,但iPhone会自动“选择”对用户造成混淆的区域。

任何人都知道html元素会阻止选择,或者javascript是否可以阻止选择?

感谢任何帮助

2 个答案:

答案 0 :(得分:35)

尝试处理selectstart事件并返回false

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

答案 1 :(得分:14)

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'); 
                }); 
        } 
});