JS趴趴往上走-Events

Events

在之前我們曾經介紹過如何監聽事件,接著我們來說可以使用EventTarget.addEventListener()我們可以使用的type有哪些


下面介紹會以自行學過而新增,若想知道更多可到MDN或者W3C查看哦~



clcik事件

on-處理器:onclick

當使用者點擊時觸發事件

 //html
 <button class="btn">點擊按鈕</button>

 //JS
 btn=document.querySelector('.btn');
 btn.addEventListener('click',function(){
  alert("我被點擊了");
},false);



change事件

on-處理器:onchange

當使用者對目標元素做更改時而觸發事件
See the Pen
JS-Change練習
by yanennn (@yennnnn)
on CodePen.



blur事件

on-處理器:onblur

當使用者離開input時沒寫入任何值觸發事件提醒
See the Pen
JS-blur事件練習
by yanennn (@yennnnn)
on CodePen.


mousemove事件

on-處理器:onmousemove
當使用者把滑鼠移到目標時觸發事件
See the Pen
JS-mousemove練習
by yanennn (@yennnnn)
on CodePen.



以上,還有其他event
Wibibi

留言