删除html元素上的标题样式自动鼠标

Question

如何将鼠标悬停在某些浏览器中的元素上时显示的自动鼠标提取？

我有这个效果......

...当我悬停省略号时。 这是safari中的默认行为。 如何防止黄色浏览器鼠标提示？ （因为我已经实现了自己的一个）

这不是标题标签，它只是一个剥离（省略号）范围。 我在css中尝试了光标操作，但这也会影响悬停功能。

这是跨度html：

<span alt="&lt;em&gt;E&lt;/em&gt;5.b Promotion des investissements destinés à prendre en compte des risques spécifiques, garantie d?une résilience aux catastrophes et développement de systèmes de gestion des situations de catastrophe"><em>E</em>5.b Promotion des investissements destinés à prendre en compte des risques spécifiques, garantie d?une résilience aux catastrophes et développement de systèmes de gestion des situations de catastrophe</span>

我使用alt属性存储出现在白框中的mousehint。

这是jquery中的悬停函数：

$(document).on({mouseenter: function(event) 
    {  
      event.preventDefault()
      var dest = $("#footer");
      if(  $(this).parent().attr('id') ==  'topmenu' ) dest = $("#headerHint");
      if(  $(this).parent().hasClass('limeui-limetreeview-bar') ) { dest = $("#mouseInfo"); dest.fadeIn(20)  }

      console.log(dest);

      dest.html($(this).attr('alt'));
    },mouseleave: function(event)
    {
      $("#footer").html('');
      $("#headerHint").html('');
      $("#mouseInfo").html('').fadeOut(50);
    }}, "[alt]");

Answer 1

尝试在事件处理中使用event.preventDefault()函数调用。如果您的元素具有title属性，请将其删除。请参阅以下 demo 。

我猜你的问题来自'a'标签的title属性。因此，您应该删除所有要阻止它的链接，如下面的代码段所示：

$('a').attr('title', '');

因此，如果您想停止显示链接元素的title属性，请尝试以下代码：

$(document).ready(function() {
    $('[title]').mouseover(function () {
        $this = $(this);
        $this.data('title', $this.attr('title'));
        // Using null here wouldn't work in IE, but empty string will work just fine.
        $this.attr('title', '');
    }).mouseout(function () {
        $this = $(this);
        $this.attr('title', $this.data('title'));
    });
});

在上述情况下，您暂时将标题属性数据存储到data-title属性。