Javascript JQ或JS:防止;a「;用于更改url的标记#哈希

Javascript JQ或JS:防止;a「;用于更改url的标记#哈希,javascript,jquery,html,hash,Javascript,Jquery,Html,Hash,我试图阻止点击类名为“disable”的“a”标记,我尝试了很多代码,但都没有阻止“a” 这段代码给了我一个警告,但它仍然会更改#hash以更改页面 $('a#preventPage').on('click', function(event) { alert("Prevent"); event.preventDefault(); }); 嘿,你的代码应该是: $('a.disable').each(function(){ $(this).click( funct

我试图阻止点击类名为“disable”的“a”标记,我尝试了很多代码,但都没有阻止“a”


这段代码给了我一个警告,但它仍然会更改#hash以更改页面

$('a#preventPage').on('click', function(event) {
  alert("Prevent");
  event.preventDefault();
});

嘿,你的代码应该是:

$('a.disable').each(function(){
          $(this).click( function(event) {
             alert("Prevent");
             event.preventDefault();
          });
     });

这应该可以做到:

Array.from(document.querySelectorAll('a.disable')).forEach(c=>{
c、 href='';
c、 onclick=e=>e.preventDefault();
});

添加自定义事件侦听器,并阻止在
a
标记上自动添加的默认侦听器

[…document.querySelectorAll('a.disable')].forEach(元素=>{
元素。addEventListener('单击',事件=>{
event.preventDefault();
警报(“禁止禁用按钮”);
});
});
a{
字体系列:Tahoma;
边框:1px纯黑;
边界半径:3px;
文字装饰:无;
颜色:黑色;
填充物:5px;
}
a、 禁用{
颜色:暗灰色;
}
a:悬停{
背景颜色:浅灰色;
}


试试这个
@SouravDutta我不明白,很抱歉不清楚,但我想用JQ或JS阻止它,因为我只想在你未登录时阻止它。感谢您的帮助。请检查此项并尝试此项,它是jQuery
$(文档)。准备就绪(函数(){$('#exampleLink')。单击(函数(){alert('your clicked the link');返回false;});})不幸的是,这并没有阻止散列抛出:(有些时候,这个代码甚至没有给我一个警告reson@Gnusson请再试一次,我将“禁用”类更改为“现在禁用”#哈希仍在更改页面这不起作用,我收到了警报,但它不会阻止#哈希可能您有另一个脚本如何执行此操作。什么也没有发生,我仍在访问#哈希页面):这确实阻止了单击,但我希望能够单击按钮,得到一个警报,说它已被禁用,然后阻止#hash to go throw。您如何确切地确保这不起作用并且正在添加hash?@Miroslav代码似乎很好。尽管我会使用
节点列表的销毁,而不是
数组。from
像所以
[…document.querySelectorAll('a.tab-link.disable')].forEach(…)
@andris.vilde,因为他的代码阻止了按钮的点击。我希望能够点击按钮,但阻止添加#散列。不幸的是,这无法阻止框架7上的散列