【JS】重零學習- Day20-事件(三) e.target、e.change #93~94

● target 元素位置

● change 更動觸發

 

 

1. e.target

如何尋找我現在點的元素是什麼?

確認目前所點的位置在哪個區域(e.target.nodeName)

六角提供範例

2.e.Change

change事件被元素常用於類似ajax 連動觸發。

用於 <input> , <select>, <textarea> 元素觸發,當用戶提交對元素值的更改時,

el.addEventListener('change',function(){ },false);

根據要更改的元素的類型以及用戶與元素交互的方式,change事件在不同的時刻觸發:

1.當元素是 (通過點擊或使用鍵盤); 例如checkbox、radiontn

「radiobutton checkbox」的圖片搜尋結果

2.當用戶明確地提交更改時,selectitem

function getValue(e){
    // 抓到當前目標的值
    var select = e.target.value; 
} 

area.addEventListener('change',getValue,false)

 

主要是做我的學習筆記

偶而心血來潮寫個幾篇~

若有問題~可以寫信或在下方留言~感謝