如何在<a>触摸屏上选择时删除 Edge 和 Internet Explorer 中标签上的永久工具提示

Question

使用触摸屏时，按住 href 链接标签会显示一个带有站点地址的工具提示框，我不知道如何删除它。有人对此有想法吗？它只发生在IE和Edge中，chrome和Firefox不会遇到这个问题

调查了事件侦听器，但没有侦听器显示指向此的事件

如果除了我之外的其他人经历过这种情况并且可能有一个修复程序，我会很高兴，它有点阻碍 POS 系统。

Answer 1

您可以

尝试将title设置为空字符串(或可能只是空格(。 title用于内置工具提示文本

var links = document.querySelectorAll('a');
for(var i=0; i < links.length; i++){
   links[i].title = ' ';
}

Answer 2

简单的jQuery就可以了，让我们弄乱title属性。

$(document).ready(function(){
    $("a").removeAttr("title");
});
// 
$(document).ready(function(){
    $("a").attr("title", "");
});

// Hide tooltip on hover, and restore when hover-off
$(function() {
  $('a').hover(function(e) {
      $(this).attr('data-title', $(this).attr('title'));
      $(this).removeAttr('title');
    }, function(e) {
      $(this).attr('title', $(this).attr('data-title'));
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>