最近在項目中遇到了需要長按選中禮物碼的東西，需要把禮物碼旁邊的文本禁止掉，查了資料，發(fā)現(xiàn)了兩種方法可以禁止。

css方法：

.no-touch {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

添加一個類，對于需要禁止的dom添加這個類

JS方法：

ontouchstart="return false;"

在需要禁止的dom上添加這段代碼

兩種方法對于安卓和IOS的支持我沒有單獨測試。兩個同時使用，對于安卓和IOS可以起到禁止作用。

備注：

1、在手機UC瀏覽器中，如果添加了這段meta標簽，則全文無法長按調(diào)起菜單：

<meta name="browsermode" content="application"/><!-- uc不能復制網(wǎng)頁內(nèi)容 需要復制去掉即可-->

2、在手機QQ瀏覽器（IOS版本）中，長按會彈出保存圖片選項（還沒有找到原因）：

qq瀏覽器（IOS版本）保存選項

其他未驗證方法：

新增事件 contextmenu 可以實現(xiàn)：

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

順便貼一下本人的博客：yellowlemon的博客