Discuss / JavaScript / 事件学习，由浅及深
Back

事件学习，由浅及深

Topic source

Up.

#1 Created at ... [Delete] [Delete and Lock User] 
<div id="myDiv">学习事件监听</div>
    <script>var myDiv = document.getElementById('myDiv');
        myDiv.addEventListener('click', function () {
            console.log(event.clientX + ',' + event.clientY);
        });</script>

这边监听函数一定要注意要在div渲染完成之后加载，不然会报错，这个点后续也要记住，一开始js函数写<head></head>标签里，浏览器报错找不到属性，原因html解析，是从上到下，先调用了函数，结果dom树下面部分还没生产就执行函数，导致函数找不到对象

Up.

#2 Created at ... [Delete] [Delete and Lock User]

事件监听当中就用到了回调函数，addEventListener（’event_name‘,function(){}）,第二个参数为匿名函数

  • 1

Reply