純JavaScript實(shí)現(xiàn)獲取onclick、onchange等事件的值
今天小菜處理下拉菜單級(jí)聯(lián)問(wèn)題時(shí),想獲取HTML標(biāo)簽中某個(gè)事件的內(nèi)容,也就是值,比如從<select id="city" onchange="javascript:test();"></select>中獲取javascript:test();。
小菜想通過(guò)事件中的信息,確定下一級(jí)的菜單,但是這個(gè)貌似很簡(jiǎn)單的問(wèn)題,卻讓小菜糾結(jié)了一番。
稍微懂點(diǎn)JQuery的童鞋,可能會(huì)嘗試這樣獲?。?/p>
$(document).ready(function(){
var onchangeValue = $("#city").attr("onchange");
alert(onchangeValue);
});
一般情況下,這樣的確可以獲取到,因?yàn)镴Query萬(wàn)能的attr方法,可以獲取標(biāo)簽中任何的”屬性”,即使是一個(gè)事件,也可以直接獲取內(nèi)容,這里onchange就是事件。
但小菜在實(shí)際開(kāi)發(fā)環(huán)境中,用這個(gè)方法怎么也獲取不到,得到的均是undefined。
在糾結(jié)之際,發(fā)現(xiàn)了另外一種用純JavaScript實(shí)現(xiàn)獲取的方法。
具體代碼如下:
$(document).ready(function(){
var onchangeValue = document.getElementById("city").getAttributeNode("onchange").nodeValue;
alert(onchangeValue);
});
簡(jiǎn)單說(shuō)一下,這里主要是用到了getAttributeNode()這個(gè)方法,它獲取的是屬性節(jié)點(diǎn),忽略屬性和事件的差別,類似于對(duì)XML的處理,然后再用nodeValue獲得屬性節(jié)點(diǎn)的節(jié)點(diǎn)值。
如果使用getAttribute()方法,由于onchange是一個(gè)事件,因此獲取的是一個(gè)函數(shù)對(duì)象,無(wú)法當(dāng)成字符串處理。
希望這篇文章能夠幫助需要的童鞋。。。。。
- javascript checkbox/radio onchange不能兼容ie8處理辦法
- Radio 單選JS動(dòng)態(tài)添加的選項(xiàng)onchange事件無(wú)效的解決方法
- jsp中select的onchange事件用法實(shí)例
- js 觸發(fā)select onchange事件代碼
- js中的onchange和onpropertychange (onchange無(wú)效的解決方法)
- js觸發(fā)onchange事件的方法說(shuō)明
- JavaScript獲取onclick、onchange等事件值的代碼
- javascript開(kāi)發(fā)中使用onpropertychange,oninput事件解決onchange事件的不足
- javascript中的 onchange事件詳解
相關(guān)文章
javascript放大鏡效果的簡(jiǎn)單實(shí)現(xiàn)
這篇文章主要是對(duì)javascript放大鏡效果的簡(jiǎn)單實(shí)現(xiàn)進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12scrapyd schedule.json setting 傳入多個(gè)值問(wèn)題
這篇文章主要介紹了scrapyd schedule.json setting 傳入多個(gè)值,本文給出了問(wèn)題分析及思路解決方案,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2019-08-08BootStrap 獲得輪播中的索引和當(dāng)前活動(dòng)的焦點(diǎn)對(duì)象
這篇文章主要介紹了BootStrap 獲得輪播中的索引和當(dāng)前活動(dòng)的焦點(diǎn)對(duì)象,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2017-05-05微信小程序webview組件交互,內(nèi)聯(lián)h5頁(yè)面并網(wǎng)頁(yè)實(shí)現(xiàn)微信支付實(shí)現(xiàn)解析
這篇文章主要介紹了小程序webview組件交互,內(nèi)聯(lián)h5頁(yè)面并網(wǎng)頁(yè)實(shí)現(xiàn)微信支付實(shí)現(xiàn)解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08Javascript中String的常用方法實(shí)例分析
這篇文章主要介紹了Javascript中String的常用方法,實(shí)例分析了String常用的字符轉(zhuǎn)換、截取、分割等技巧,需要的朋友可以參考下2015-06-06使用bootstraptable插件實(shí)現(xiàn)表格記錄的查詢、分頁(yè)、排序操作
這篇文章主要介紹了 使用bootstraptable插件實(shí)現(xiàn)表格記錄的查詢、分頁(yè)、排序操作,需要的朋友可以參考下2017-08-08JavaScript文本框腳本編寫(xiě)的注意事項(xiàng)
這篇文章主要為大家介紹了JavaScript文本框腳本編寫(xiě)的注意事項(xiàng),幫助大家更好的編寫(xiě)javascript表單腳本,感興趣的小伙伴們可以參考一下2016-01-01JavaScript實(shí)現(xiàn)輸入框(密碼框)出現(xiàn)提示語(yǔ)
有時(shí)候我們需要在登陸表單有一些提示語(yǔ)言,比如“請(qǐng)輸入用戶名”和“請(qǐng)輸入密碼”等語(yǔ)言,通過(guò)本文給大家介紹JavaScript實(shí)現(xiàn)輸入框(密碼框)出現(xiàn)提示語(yǔ)的相關(guān)知識(shí),對(duì)js實(shí)現(xiàn)輸入框提示相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01