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

 

posted @ 2018-07-12 22:55  一纸年华  阅读(175)  评论(0)  编辑  收藏  举报