javascript - 我必须使用 标签吗？我不能只使用 .click() 吗？

Question

我正在使用 jQuery 和 jQuery mobile，并且我一直倾向于使用按钮/a 标签创建可点击事件

<button id='id'>my button</button>
<a href='#' id='id2'>my anchor</a> 

我在某处读到，这是以前推荐的标准，但该限制已被弃用。

我的理解是以下内容不仅可以接受，而且不会违反标准

<h1 id="id">abcdef</h1>

<script>
$("#id").click(myFunction);
</script>

我说得对吗？我可以将点击事件应用于我想要的任何标签吗？ (我期望/要求我的客户年龄小于3岁)

Answer 1

虽然您可以将点击事件处理程序附加到大多数元素，但我建议您坚持将它们附加到 a、button 或任何其他元素用户期望点击，即。不是表，也不是强。

这有两个原因。首先，因为这是人们所期望的，并且拥有一个让用户能够轻松导航和操作而无需思考他们需要做什么的 UI 至关重要。用户不会认为大标题是可点击的，因此它最终可能会隐藏他们需要使用的一些功能。

其次，通过将事件保留在标准可点击元素上，您既可以遵守可访问性指南，也可以在 JS 代码无法工作或被客户端浏览器禁用时提供优雅的冗余。

当然也有异常(exception)，但作为一般规则，我会遵守这一规则。