当用户点击一个元素时,会触发 click 事件。在每次点击的整个过程中,click 事件的运行顺序在 mousedown 和 mouseup 事件之后。
注意:当你使用 click 事件去触发一个动作时,也要考虑向 keydown 事件添加此动作,以便允许不使用鼠标或触摸屏的用户进行同样的操作。
在线示例
单击按钮时执行JavaScript:
<!DOCTYPE html> <html> <head> <title>HTML onclick 事件属性的使用(大卫编程网 div.cn)</title> <script> function demo_click() { alert('哈,执行了onclick事件'); } </script> </head> <body> <button onclick="demo_click()">点我试试</button> <p>在按钮点击时触发函数。函数将弹出一个alert框。</p> </body> </html>测试看看 ‹/›
浏览器兼容性
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 onclick 事件属性
定义和用法
鼠标单击元素时会触发onclick属性。
注意: onclick 属性不能应用于以下元素:<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或<title>。
HTML 4.01 与 HTML5之间的差异
没有。
语法
<element onclick="script">
属性值
值 | 描述 |
---|---|
script | 规定该onclick事件触发时执行的脚本。 |