2009-11-25 43 views
18

我的web应用程序要求用户点击并按住游戏动作元素
,但iPhone会自动“选择”令用户感到困惑的区域。如何禁用MobileSafari自动选择?

任何人都知道html元素阻止选择,或者如果JavaScript可以阻止选择?

任何帮助表示赞赏

回答

34

尝试处理selectstart事件并返回false

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

+2

谢谢,很棒! – pop850 2009-11-25 02:15:22

13

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