關(guān)于javaScript注冊click事件傳遞參數(shù)的不成功問題
來源:易賢網(wǎng) 閱讀:1045 次 日期:2014-07-22 19:47:48
溫馨提示:易賢網(wǎng)小編為您整理了“關(guān)于javaScript注冊click事件傳遞參數(shù)的不成功問題”,方便廣大網(wǎng)友查閱!

在javaScript中給一個(gè)html元素注冊click事件處理函數(shù)時(shí),比如給該處理函數(shù)傳3個(gè)參數(shù)。可是不管是使用下面那種方式都不能給事件處理函數(shù)傳遞參數(shù)。

最近這半年作為一個(gè)java 程序員,我寫的javaScript代碼都快比java代碼多了,前段時(shí)間是給某銀行做一個(gè)柜員管控系統(tǒng),在柜員授權(quán)這一塊功能上,由于柜員的授權(quán)需要考慮各方面的因素,比如機(jī)構(gòu)權(quán)限、柜員類型權(quán)限、崗位權(quán)限,業(yè)務(wù)權(quán)限等等,并且要對這些權(quán)限要做多次的交集或者并集處理,頁面上不得不用許多的javascript來進(jìn)行控制。造成了這一功能模塊的實(shí)現(xiàn)上javaScript代碼比java代碼負(fù)責(zé)的情況。

而現(xiàn)在又要給某銀行開發(fā)一個(gè)保管箱管理系統(tǒng),其核心功能塊保管箱座管理以及保管箱管理,為實(shí)現(xiàn)管理功能上類似與C/S架構(gòu)那樣直觀、方便,并將處理結(jié)果實(shí)時(shí)的顯示給操作人員,經(jīng)過幾日思考與實(shí)驗(yàn),最終使用CSS+javaScript+java來進(jìn)行開發(fā),用java來處理業(yè)務(wù)邏輯,用CSS用來表現(xiàn)目標(biāo)對象的各種狀態(tài),用javaScript來根據(jù)目標(biāo)對象的狀態(tài)轉(zhuǎn)變,來實(shí)現(xiàn)其CSS的切換。

在這其中遇到了一個(gè)難題,就是在javaScript中給一個(gè)html元素注冊click事件處理函數(shù)時(shí),比如給該處理函數(shù)傳3個(gè)參數(shù)??墒遣还苁鞘褂孟旅婺欠N方式(node表示要注冊事件的節(jié)點(diǎn),fun為事件處理函數(shù))都不能給事件處理函數(shù)傳遞參數(shù):

node.addEventListener('click', fun, false);

node.attachevent('onclick', fun);

Node['onclick']=fun

顯然以方式都不行,注意一下寫法都是不正確的:

node.addEventListener('click', fun(arg1,arg2,arg3), false);

node.attachevent('onclick', fun(arg1,arg2,arg3));

Node['onclick']=fun(arg1,arg2,arg3)

好在讀過一本書《JavaScript.DOM高級程序設(shè)計(jì)》,在這本書上找到了解決方案。首先編寫一個(gè)方法:

function bindFunction(obj, func){

var args = [];

for(var i =2; i < arguments.length; i++) {

args.push(arguments[i]);

}

return function(){

func.apply(obj, args);

};

};

然后在自己的js庫中添加如下兩個(gè)方法,如有不明白的地方,可以參考《JavaScript.DOM高級程序設(shè)計(jì)》,其中該書2.3小節(jié)有該方法的說明,只是本人加了些許改動(dòng):

function bindFunction(obj, func){

var args = [];

for(var i =2; i < arguments.length; i++) {

args.push(arguments[i]);

}

return function(){

func.apply(obj, args);

};

};

window['OYF_MARK']['bindFunction'] = bindFunction;

function addEvent(node, type, listener){

//使用前面的方法檢查兼容性以保證平穩(wěn)退化

if (!isCompatible()) {

return false

}

if (!(node = $(node)))

return false;

if (node.addEventListener) {

//W3C的方法(冒泡事件,如果將false改為true,則為捕獲事件)

node.addEventListener(type, listener, false);

return true;

}

else

if (node.attachEvent) {

//MSIE的方法

node['e' + type + listener] = listener;

node[type + listener] = function(){

node['e' + type + listener](window.event);

}

node.attachEvent('on' + type, node[type + listener]);

return true;

}

//若兩種方法都不具備則返回false

return false;

};

window['OYF_MARK']['addEvent'] = addEvent;

以上兩個(gè)函數(shù)為本人根據(jù)《JavaScript.DOM高級程序設(shè)計(jì)》中源代碼稍作修改,添加到自己的的一個(gè)js庫中,以便復(fù)用。接下來就可以使用如下方式給元素注冊事件并向事件處理函數(shù)傳遞參數(shù)了:

//注冊新的onclick事件處理函數(shù)

OYF_MARK.addEvent(e,'click',OYF_MARK.bindFunction(e,getContainerDetail,x,y,containid));

更多信息請查看IT技術(shù)專欄

更多信息請查看網(wǎng)絡(luò)編程
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65317125(9:00—18:00) 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)