欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

純JavaScript實(shí)現(xiàn)獲取onclick、onchange等事件的值

 更新時(shí)間：2014年12月29日 15:01:03   投稿：hebedich  
這篇文章主要介紹了JavaScript獲取onclick、onchange等事件的值的方法,需要的朋友可以參考下

今天小菜處理下拉菜單級(jí)聯(lián)問題時(shí)，想獲取HTML標(biāo)簽中某個(gè)事件的內(nèi)容，也就是值，比如從<select id="city" onchange="javascript:test();"></select>中獲取javascript:test();。

小菜想通過事件中的信息，確定下一級(jí)的菜單，但是這個(gè)貌似很簡單的問題，卻讓小菜糾結(jié)了一番。

         稍微懂點(diǎn)JQuery的童鞋，可能會(huì)嘗試這樣獲取：

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

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

         一般情況下，這樣的確可以獲取到，因?yàn)镴Query萬能的attr方法，可以獲取標(biāo)簽中任何的”屬性”，即使是一個(gè)事件，也可以直接獲取內(nèi)容，這里onchange就是事件。

         但小菜在實(shí)際開發(fā)環(huán)境中，用這個(gè)方法怎么也獲取不到，得到的均是undefined。

         在糾結(jié)之際，發(fā)現(xiàn)了另外一種用純JavaScript實(shí)現(xiàn)獲取的方法。

         具體代碼如下：

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

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

         簡單說一下，這里主要是用到了getAttributeNode()這個(gè)方法，它獲取的是屬性節(jié)點(diǎn)，忽略屬性和事件的差別，類似于對(duì)XML的處理，然后再用nodeValue獲得屬性節(jié)點(diǎn)的節(jié)點(diǎn)值。

         如果使用getAttribute()方法，由于onchange是一個(gè)事件，因此獲取的是一個(gè)函數(shù)對(duì)象，無法當(dāng)成字符串處理。

         希望這篇文章能夠幫助需要的童鞋。。。。。

相關(guān)文章

最新評(píng)論