jquery - JavaScript 如何重复绑定问题?
本文介绍了jquery - JavaScript 如何重复绑定问题?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
var audio = new Audio();
audio.onended = function(e){
console.log('end 1');
}
audio.onended = function(e){
console.log('end 2');
}
上面代码很只会输出end 2
,要怎么才能做到能输出end 1 和 end 2
?
我自己想了一种方法
bind(handler, cb){
!m && (m = []);
!m[handler] && (m[handler] = []);
m[handler].push(cb);
}
bind('ended', function(e){
console.log('1');
});
bind('ended', function(e){
console.log('2');
});
var audio = new Audio();
audio.onended = (e) => {
for (var k in m['ended']){
m['ended'][k](e);
}
}
大概就是这样,用数组保存,然后audio
方法循环调用
但是我就感觉实现的方式不够优
希望各位不吝赐教
解决方案
你的做法是正确的,但是如果把 bind
封装起来,再把下面的 for
封装成一个 trigger
函数就更好了。然后就有点像我在 TypeScript(JavaScript) 版俄罗斯方块 - 深入重构 中实现的 Eventable
。那个思路你可以参考。
不过话说回来,Audio 是一个 HTMLDom 对象,本身应该提供了 addEventListener()
方法,可以用这个方法添加任意个处理函数。
如果你使用 jQuery,通过 jQuery 封装之后调用 on()
也可以绑定多个处理函数,比如
$(audio)
.on("ended", function() {
console.log(1);
})
.on("ended", function() {
console.log(2);
});
这篇关于jquery - JavaScript 如何重复绑定问题?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文