事件的注册

最新推荐文章于 2024-05-07 08:00:17 发布

best-toby

最新推荐文章于 2024-05-07 08:00:17 发布

阅读量221

点赞数 1

分类专栏： js 文章标签：事件

本文链接：https://blog.csdn.net/besttoby01/article/details/76944217

版权

js 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

事件的注册

事件一共有三种注册方法：

（1）使用onXXX属性，比如οnclick="fun()"

（2）通过js去设置元素的onXXX属性

（3）通过addEventListener注册

案例：

<body>
<input type="text" id="div" οnfοcus="focus1()"/>
<script>
    var a = document.getElementById("div");
    //第一种
    function focus1(){
        a.style.backgroundColor = "red";
    }
    //第二种
    a.onblur = blur1;
    function blur1(){
        a.style.backgroundColor = "black";
    }
    //第三种
    a.addEventListener("change",change);
    function change(){
        alert("植被改变了");
        a.removeEventListener("change",change);
        a.addEventListener("change",change2);
    }
    function change2(){
        alert("植被改变了22222");
    }
</script>
</body>

总结

第一种方法没有实现分离，不利于分工合作。第二种和第三种就实现了分工合作。样式和内容可能是美工人员写的，但是行为是程序员写。

best-toby

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
事件的注册

事件的注册事件一共有三种注册方法：（1）使用onXXX属性，比如onclick="fun()"（2）通过js去设置元素的onXXX属性（3）通过addEventListener注册案例： var a = document.getElementById("div"); //第一种 function focus1(){ a.sty
复制链接

扫一扫

专栏目录