純JavaScript實(shí)現(xiàn)獲取onclick、onchange等事件的值
今天小菜處理下拉菜單級聯(lián)問題時，想獲取HTML標(biāo)簽中某個事件的內(nèi)容，也就是值，比如從<select id="city" onchange="javascript:test();"></select>中獲取javascript:test();。
小菜想通過事件中的信息，確定下一級的菜單，但是這個貌似很簡單的問題，卻讓小菜糾結(jié)了一番。
稍微懂點(diǎn)JQuery的童鞋，可能會嘗試這樣獲?。?/p>
$(document).ready(function(){
var onchangeValue = $("#city").attr("onchange");
alert(onchangeValue);
});
一般情況下，這樣的確可以獲取到，因?yàn)镴Query萬能的attr方法，可以獲取標(biāo)簽中任何的”屬性”，即使是一個事件，也可以直接獲取內(nèi)容，這里onchange就是事件。
但小菜在實(shí)際開發(fā)環(huán)境中，用這個方法怎么也獲取不到，得到的均是undefined。
在糾結(jié)之際，發(fā)現(xiàn)了另外一種用純JavaScript實(shí)現(xiàn)獲取的方法。
具體代碼如下：
$(document).ready(function(){
var onchangeValue = document.getElementById("city").getAttributeNode("onchange").nodeValue;
alert(onchangeValue);
});
簡單說一下，這里主要是用到了getAttributeNode()這個方法，它獲取的是屬性節(jié)點(diǎn)，忽略屬性和事件的差別，類似于對XML的處理，然后再用nodeValue獲得屬性節(jié)點(diǎn)的節(jié)點(diǎn)值。
如果使用getAttribute()方法，由于onchange是一個事件，因此獲取的是一個函數(shù)對象，無法當(dāng)成字符串處理。
希望這篇文章能夠幫助需要的童鞋。。。。。
- javascript checkbox/radio onchange不能兼容ie8處理辦法
- Radio 單選JS動態(tài)添加的選項(xiàng)onchange事件無效的解決方法
- jsp中select的onchange事件用法實(shí)例
- js 觸發(fā)select onchange事件代碼
- js中的onchange和onpropertychange (onchange無效的解決方法)
- js觸發(fā)onchange事件的方法說明
- JavaScript獲取onclick、onchange等事件值的代碼
- javascript開發(fā)中使用onpropertychange,oninput事件解決onchange事件的不足
- javascript中的 onchange事件詳解
相關(guān)文章
學(xué)習(xí)JavaScript設(shè)計模式之中介者模式
這篇文章主要為大家介紹了JavaScript設(shè)計模式中的中介者模式，對JavaScript設(shè)計模式感興趣的小伙伴們可以參考一下2016-01-01
下面小編就為大家?guī)硪黄獪\析JavaScript中瀏覽器的兼容問題。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-04-04
清空代碼防止查看源代碼的js代碼...2007-07-07
本文主要介紹了Javascript事件對象的相關(guān)實(shí)例。具有一定的參考價值，下面跟著小編一起來看下吧2017-02-02
JS與jQuery實(shí)現(xiàn)子窗口獲取父窗口元素值的方法
這篇文章主要介紹了JS與jQuery實(shí)現(xiàn)子窗口獲取父窗口元素值的方法,涉及javascript與jQuery操作窗口元素的相關(guān)技巧,需要的朋友可以參考下2017-04-04
將文本內(nèi)容添加到表格中在實(shí)際應(yīng)用中很常見，下面為大家簡要介紹下具體的實(shí)現(xiàn)過程，感興趣的朋友可以參考下2013-08-08
小程序api實(shí)現(xiàn)promise封裝過程解析
這篇文章主要介紹了小程序api實(shí)現(xiàn)promise封裝過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-11-11
創(chuàng)建彈出div窗口。2009-02-02
學(xué)習(xí)Bootstrap滾動監(jiān)聽 附調(diào)用方法
這篇文章主要為大家全面解析Bootstrap中滾動監(jiān)聽的使用方法，感興趣的小伙伴們可以參考一下2016-07-07
javascript仿php的print_r函數(shù)輸出json數(shù)據(jù)
輸出json數(shù)據(jù)，php的print_r函數(shù)可以輕松實(shí)現(xiàn)，下面為大家介紹下javascript也可以模仿print_r函數(shù)輸出json數(shù)據(jù)，具體實(shí)現(xiàn)如下，感興趣的朋友可以了解下2013-09-09