1. 程式人生 > >-webkit-touch-callout禁止長按選單

-webkit-touch-callout禁止長按選單

微信瀏覽器如果js中的點選事件,長按會彈出一個javascript提示的選單欄,有開啟和取消兩個選項。IOS要

取消這一個預設事件,可以在父元素使用-webkit-touch-callout:none;來禁止掉這個選單彈出。

該CSS樣式有兩個可以取的值:

default:此值表示顯示預設的callout
none:此值表示禁用callout

安卓不支援這個css樣式,安卓就直接使用HTML5提出的contextmenu事件,阻止事件預設行為就可以了。

  $(document).bind('contextmenu', function(e) {
        e.preventDefault();
  });