JavaScript獲取onclick、onchange等事件值的代碼

2019-11-20 22:30:01

字體：大中小

供稿：網(wǎng)友

今天小菜處理下拉菜單級聯(lián)問題時，想獲取HTML標(biāo)簽中某個事件的內(nèi)容，也就是值，比如從<select id="city" onchange="javascript:test();"></select>中獲取javascript:test();。
小菜想通過事件中的信息，確定下一級的菜單，但是這個貌似很簡單的問題，卻讓小菜糾結(jié)了一番。
稍微懂點JQuery的童鞋，可能會嘗試這樣獲?。?

復(fù)制代碼代碼如下:

 
$(document).ready(function(){ 
var onchangeValue = $("#city").attr("onchange"); 
alert(onchangeValue); 
}); 

一般情況下，這樣的確可以獲取到，因為JQuery萬能的attr方法，可以獲取標(biāo)簽中任何的”屬性”，即使是一個事件，也可以直接獲取內(nèi)容，這里onchange就是事件。
但小菜在實際開發(fā)環(huán)境中，用這個方法怎么也獲取不到，得到的均是undefined。
在糾結(jié)之際，發(fā)現(xiàn)了另外一種用純JavaScript實現(xiàn)獲取的方法。
具體代碼如下：

復(fù)制代碼代碼如下:

 
$(document).ready(function(){ 
var onchangeValue = document.getElementById("city").getAttributeNode("onchange").nodeValue; 
alert(onchangeValue); 
}); 

簡單說一下，這里主要是用到了getAttributeNode()這個方法，它獲取的是屬性節(jié)點，忽略屬性和事件的差別，類似于對XML的處理，然后再用nodeValue獲得屬性節(jié)點的節(jié)點值。
如果使用getAttribute()方法，由于onchange是一個事件，因此獲取的是一個函數(shù)對象，無法當(dāng)成字符串處理。
希望這篇文章能夠幫助需要的童鞋。

上一篇：JS分頁控件可用于無刷新分頁

下一篇：offsetHeight在OnLoad中獲取為0的現(xiàn)象