码迷,mamicode.com
首页 > Web开发 > 详细

js事件

时间:2018-07-12 23:49:45      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:body   onchange   加载   html   onload   mouseover   doc   NPU   styles   

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事件

标签:body   onchange   加载   html   onload   mouseover   doc   NPU   styles   

原文地址:https://www.cnblogs.com/nullcodeworld/p/9302354.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!