onClick 和触摸设备

onClick 也适用于触摸设备，因此它是使用 CSS :hover 的理想解决方案。

:hover 类在带有传统鼠标或者触摸板的 PC 上运行良好，但不适用于大多数移动设备，因为它们是基于触摸的。

创建下拉菜单时，第二次单击/触摸它时允许再次关闭它们很重要，否则它可能会“卡在”折叠状态。

onClick 事件属性用于捕捉指向设备的点击事件，但也用于触摸设备。

最好在 JavaScript 中使用事件处理程序，而不是依赖 onClick 属性，因为它可以更好地将脚本与 HTML 标记分开。

onClick 属性可用于确定 HTML 元素何时被点击，这使得将普通元素变成可点击的按钮成为可能。
然而，这样做会带来可用性问题，因此最好避免在链接和按钮以外的任何其他地方使用它，除非它用于特定目的，例如允许基于 CSS 的下拉菜单也适用于基于触摸的设备.

下面展示了如何在按钮元素上使用 onclick 事件来抛出一个基本的警告框。

<button onclick="alert('Dont poke me. Just dont. Im just not in the mood!');">Don't poke me!</button>