移動web端禁止長按a標籤，彈出“在瀏覽器中開啟”菜單

標籤：one   選中   prevent   star   jquery   click   快顯功能表   width   ima   

長按press事件會導致瀏覽器快顯功能表：

方法一：

蘋果禁止:

-webkit-touch-callout: none;

 

安卓的不行。禁止彈出只能用js來控制:

$(‘a‘).ontouchstart = function(e) {     e.preventDefault(); };

 

方法二：

將<a>標籤換成其他的標籤，如<button>,<div>,<p>。然後綁定touchstart，click事件js跳轉。

<div class="jump">連結</div><script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script><script>    $(‘.jump‘).on(‘touchstart‘, function () {        location.href = "";    })</script>

 

如果想要禁止文本被選中，可以加上css

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

 

 

 

移動web端禁止長按a標籤，彈出“在瀏覽器中開啟”菜單