简谈a标签与添加点击事件

Posted 2023-03-26

参考技术A 最近在学习vue基础，想给a添加一个点击事件，没有注意到a的href设为了空，导致页面一直在刷新，点击事件根本就没有进去

后来知道a标签的href会导致默认人的页面跳转事件，如果为空值，就会刷新页面。
因为这个小的问题，就重新看了一下给a绑定点击事件注意的小地方，记录一下
1.链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）；
2.如果在链接的 href 属性中调用一个有返回值的函数，当前页面的内容将被此函数的返回值代替；
3.假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，我们需要阻止默认行为,

jquerya标签click事件禁止与启用

参考技术A jQuery设置html标签禁止触发事件
jquery设置div禁止出发click事件，代码如下：

可以设置div的css，.div.pointer-events:none
也可以使用jq进行设置，$(".div").css('pointer-events','none');