JavaScript：事件

2021/8/12 22:05:57

编程Tag： javascript 事件 function 元素脚本执行 events 当鼠标

本文主要是介绍JavaScript：事件，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

这篇关于JavaScript：事件的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

JavaScript：事件

1 窗口事件 (Window Events)

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

3 鼠标事件 (Mouse Events)

相关编程文章