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

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

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

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

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

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

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

a-table里添加不了点击事件

问题：bootstrap table 生成的表格里formatter添加 的 HTML元素 按钮，js 中添加 点击事件，点击没反应。或者点击好多次，刷新在点击，才有反应。

最近项目用到这个插件，马上就来坑了。自定义的button 点半天没反应，

猜测：

是这个表格插件 加载 数据的时候 跟 js 中 append 添加 html代码 是一样的。

js append方法添加的 html代码，然后给这代码里面的 元素 添加 事件，却获取不该元素。（称之为未来元素），由于是未来的 所以 现在 没有这个元素，导致获取不到。

解决方法：

1.遇到加载 获取不到元素 的 id 或者 class 的时候，可以考虑用这种 新版的 on 方法 添加 这种未来 元素 event 事件。类似其他事件方式写法相同。

2.给该元素 绑定一个 点击事件。

---