a tag为成button使用，
把JavaScript动作处理时，有如下四种停止Event效果。

按照如下顺序可以考虑使用。

可以用button tag的话，直接用Button Tag。（推荐）
如果需要用a tag : <a href="javascript:;" role="button">
- script load前点击a tag也不会跟href="#"一样滚动条到页面上单。
- 跟javascript:void(0); 效果一样，但更简单
- role: 可达性
- tab focusing 可能 (通过用 href)
如果需要删除href property: <a role="button" tabindex="0"> (cursor 图表的话用 css 控制)
- 在a tag上没有 href 的话不能Tab focusing，
- 但设置tabindex="0" 的话会 focusable 。 (Tab顺序的话，按照基本Markup顺序做)
- 参考: 如果禁止Focus的话用 `tabindex="-1"

参考 #

`<a href="#">` 缺点 #

推荐使用HTML基本button <button>, <input type="button" />, <input type="image" />。比使用button role property更好。
https://developer.mozilla.org/ko/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_button_role

href="javascript:;" or href="javascript:void(0);"

https://stackoverflow.com/questions/7452341/what-does-void-0-mean
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/void
以void(0)代undefined使用 (void是每次返回undefined)
理由: undefined是会override的。 (虽ECMAScript 5 或 newer上没问题。。。)

alert(undefined); //alerts "undefined"

var undefined = "new value";

alert(undefined) // alerts "new value"

需要使用 a tag + 删除href 的方式的话（没有目的地的话）:

删除href property
WAI-ARIA Spec上提供的role property里必要告诉是button
为了focusable设置tabindex="0"
- Tab顺序的话，按照基本Markup顺序做
- 没href property的话，不能Tab focus