HTML5:在移動端禁用長按選中文本功能


很多時候,我們在寫的手機頁面需要用戶進行長按然后響應一個事件.但是在微信中用戶的長按操作被默認為談出來一個復制的選項.那么這個時候如何去禁止這個東西呢?

其實很簡單,方法看下面:

只需要在你需要禁止的頁面的CSS表里面添加上這一段代碼就可以了:

* {
    -webkit-touch-callout:none; -moz-touch-callout:none; -ms-touch-callout:none; touch-callout:none; }

然后這個屬性關於他的瀏覽器的支持的一個情況是什么樣的呢?


兼容性


user-select的兼容性.png

這樣就可以完成在移動端長按的時候的一個禁止彈窗的功能

 

來源:http://www.jianshu.com/p/b9cf36c52092


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM