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

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

后来知道a标签的href会导致默认人的页面跳转事件，如果为空值，就会刷新页面。

因为这个小的问题，就重新看了一下给a绑定点击事件注意的小地方，记录一下

1.链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）；

2.如果在链接的 href 属性中调用一个有返回值的函数，当前页面的内容将被此函数的返回值代替；

3.假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，我们需要阻止默认行为,

在web页面开发时 我们经常会遇到下列情况 一个标签仅仅是要触发onclick行为 表现上要有鼠标的pointer指针显示 或者其他类似a标签的视觉效果 比如执行删除 *** 作时 为了避免误 *** 作 我们要d出对话框让用户确定是否删除 因此我们经常会用链接<a></a>形式代替<button>触发onclick事件 代码如下

复制代码 代码如下: <script type=text/javascript>function del(){ if(confirm("确定删除该记录？")){ parent window location="执行删除 jsp"return true} return false} </script><a href="" target="mainFrame" class="STYLE " onclick="del()" >删除</a>lishixinzhi/Article/program/Java/JSP/201311/20351

如此是不可能实现的，可以在a标签的“abc”外添加一个span。<span id="spanId">abc</span> 即，<a id="xxx" href=""><span id="spanId">abc</span></a> 然后js里，document.getElementById("spanId").click() 你要点击的是abc 这个 所以你模拟点击事件肯定是要点这个abc啊

---