首页 > 编程语言> > JavaScript：事件

JavaScript：事件

2021-08-12 22:01:58 作者：互联网

js捕获某个动作而做出的反馈

HTML 事件的例子：

　　当用户点击鼠标时

　　当网页已加载时

　　当图片已加载时

　　当鼠标移动到元素上时

　　当输入字段被改变时

　　当 HTML 表单被提交时

　　当用户触发按键时

1 窗口事件 (Window Events)

仅在 body 和 frameset 元素中有效。

　　onload 当文档被载入时执行脚本

<body onl oad="test()">
    <script>
        function test() {
            document.write("哈哈哈哈");
        }
    </script>
</body>

2 表单元素事件 (Form Element Events)

仅在表单元素中有效。

　　onblur 当元素失去焦点时执行脚本

　　onfocus 当元素获得焦点时执行脚本　　

<body>
    <script>
        function a() {
            console.log("获得焦点==被激活");
        }
        function b() {
            console.log("失去焦点");
        }
    </script>

    <form action="">
        <p>帐号：<input onfocus="a()" onblur="b()" /></p>
        <p>密码：<input /></p>
    </form>
</body>

3 鼠标事件 (Mouse Events)

　　onclick 当鼠标被单击时执行脚本

　　ondblclick 当鼠标被双击时执行脚本

　　onmouseout 当鼠标指针移出某元素时执行脚本

　　onmouseover 当鼠标指针悬停于某元素之上时执行脚本

// TODO

标签：脚本,function,JavaScript,元素,当鼠标,事件,执行,Events
来源： https://www.cnblogs.com/JasperZhao/p/15135059.html