js事件

Posted 一纸年华

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js事件相关的知识，希望对你有一定的参考价值。

onClick    单击事件

onMouseOver    鼠标经过事件

onChange    文本内容改变事件

onSelect     文本框选中事件

onFocus    光标聚集事件

onBlur    移开光标事件

onLoad    网页加载事件

onUnload    关闭网页事件

 

Event.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/Event.css" />
    </head>
    <body>
        <div class="div" onmouseover="onOver()" onmouseout="onOut()"></div>
        <script>
            function onOver(){
                alert("进入");
            }
            function onOut(){
                alert("出去");
            }
        </script>
        
        <form>
            <input type="text" onchange="alert(‘你别改变我！‘)" />
            <input type="text" onselect="changeDemo(this)" />
        </form>
        <script>
            function changeDemo(bg){
                bg.style.background="blue";
            }
        </script>
    </body>
</html>

 

css/Event.css

 

.div{
    height: 100px;
    width: 300px;
    background-color: cadetblue;
}

 

以上是关于js事件的主要内容，如果未能解决你的问题，请参考以下文章

js 温故而知新 webkitTransitionEnd 监听Transition动画结束事件

原生js禁止页面滚动

谷歌浏览器调试jsp 引入代码片段，如何调试代码片段中的js

Android 事件分发事件分发源码分析 ( Activity 中各层级的事件传递 | Activity -＞ PhoneWindow -＞ DecorView -＞ ViewGroup )(代码片段

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程