JavaScript 通过循环监听事件 - 会coding的HAM

JavaScript 通过循环监听事件

BG7ZAG

|

2017-7-22 9:07

|

1,812

|

0

|

217 字

|

2 分钟

div{
width: 50px;
height: 200px;
border: 1px solid blue;
float: left;
}

<body>
<div data-note="1"></div>
<div data-note="2"></div>
<div data-note="3"></div>
<div data-note="4"></div>
<div data-note="5"></div>
<div data-note="6"></div>
<div data-note="7"></div>
<div data-note="8"></div>
<div data-note="9"></div>
<div data-note="10"></div>
<script>
var divs =document.getElementsByTagName('div')
// for (var i = 0;i < divs.length;i++){
// var div = divs[i]
// var num = div.dataset.note
// // console.log(num)
// div.addEventListener('click',function(){
// alert(num)
// // for 的时候这一行代码没有执行当 for 结束的时候页面已经显示出来了
// // 你点了 div 之后才触发 click 这 alert (num) 这一行代码才执行
// // 此时 num 早已经是 10 了
// })
// }
for(var i = 0;i < divs.length;i++){
divs[i].addEventListener('click',function(e){
var div = e.target
alert(div.dataset.note)
})
}
var fun =function(){
alert (' 新的事件监听者 ')
}
divs[3].addEventListener('click',fun)
divs[3].removeEventListener('click',fun)
// 移除事件
</script>
</body>

JavaScript 事件

暂无评论

发送评论编辑评论

Markdown

悄悄话

邮件提醒

|´・ω・)ノ

ヾ(≧∇≦*)ゝ

(☆ω☆)

（╯‵□′）╯︵┴─┴

￣﹃￣

(/ω＼)

∠( ᐛ 」∠)＿

(๑•̀ㅁ•́ฅ)

→_→

୧(๑•̀⌄•́๑)૭

٩(ˊᗜˋ*)و

(ノ°ο°)ノ

(´இ皿இ｀)

⌇●﹏●⌇

(ฅ´ω`ฅ)

(╯°A°)╯︵○○○

φ(￣∇￣o)

ヾ(´･･｀｡)ノ"

( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃

(ó﹏ò｡)

Σ(っ °Д °;)っ

( ,,´･ω･)ﾉ"(´っω･｀｡)

╮(╯▽╰)╭

o(*////▽////*)q

＞﹏＜

( ๑´•ω•) "(ㆆᴗㆆ)

颜文字

Emoji

小恐龙

花!

本文最后更新于 2805 天前，其中的信息可能已经有所发展或是发生改变。