(共556篇)
全部分类

给对象添加监听事件和侦听函数
[ JS基础 ] 

给对象添加监听事件和侦听函数

一个事件中,包含三个对象:监听对象,监听事件和侦听函数。意思是当监听对象发生指定事件时,会自动触发设置好的侦听函数。

以给元素添加点击事件onclick为例:

1
<div onclick="console.log('click event1')">element</div>

案例源码

这里onclick的属性值,被当做 js 语句执行了

第二种方式是把要执行的语句封装到函数中,把函数调用作为事件的属性值

1
2
3
4
5
6
<div onclick="add()">element</div>
<script>
    function add() {
        console.log("click event");
    }
</script>

案例源码

第三种方式,是把监听事件和侦听函数都放在js当中:

1
2
3
4
5
6
7
<div onclick="add()">element</div>
<script>
    var div = document.querySelector("div");
    div.onclick = function add() {
        console.log("click event");
    };
</script>

案例源码