JavaScript:事件

2021/8/12 22:05:57

本文主要是介绍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:事件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程