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;
}