HTML onclick事件属性

由网友 大卫 发布 阅读 8

HTML onclick事件属性

当用户点击一个元素时,会触发 click 事件。在每次点击的整个过程中,click 事件的运行顺序在 mousedown 和 mouseup 事件之后。

HTML 事件属性

注意:当你使用 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事件触发时执行的脚本。
HTML 事件属性

HTML onmousemove事件属性 HTML onkeyup事件属性