当用户将鼠标悬停在具有title属性的锚标记上时,有没有办法隐藏原生工具提示操作?我不想删除它只是不显示令人讨厌的黄色框,这是默认的工具提示操作.
更新:
在阅读了其他几篇帖子之后,我认为我不能隐藏本机工具提示操作的title属性,但我想在这里开箱即用.我可以在锚标记内使用另一个属性而不是title属性,并且仍然保留有效页面???
删除标题属性值不是一个选项,除非有人可以弄清楚如何将其添加回onclick事件?
下面的工作代码
$('[title]').each( function() {
var $this = $(this);
$this.data('title',$this.attr('title'));
$this.removeAttr('title');
});
$('a').click( function() {
var $this = $(this);
var title = $this.data('title');
... do your other stuff...
});
Run Code Online (Sandbox Code Playgroud)
tva*_*son 24
显然,title属性不属于正常的事件处理程序.无论如何,我原来的答案没有用,虽然我会继续玩它,看看我是否可以让它工作.如果您需要保留title属性但不想要弹出效果(如注释中所示),则将title属性存储在元素的数据中并从那里使用它.
$('[title]').each( function() {
var $this = $(this);
$this.data('title',$this.attr('title'));
$this.removeAttr('title');
});
$('a').click( function() {
var $this = $(this);
var title = $this.data('title');
... do your other stuff...
});
Run Code Online (Sandbox Code Playgroud)
原始答案:
为具有标题的每个元素提供特定的悬停在处理程序上以阻止默认操作.
$('[title]').hover(
function(e) {
e.preventDefault();
},
function() { }
);
Run Code Online (Sandbox Code Playgroud)
除了测试后它似乎不起作用.