本文介绍如何在HTML元素上绑定自定义事件，包括直接绑定tap事件及通过代理方式响应特定元素的tap事件。还展示了如何利用CSS选择器指定事件监听的目标元素，并从触发事件的元素中获取属性值。
//添加html元素自定义事件
var me = this;
me.element.on('tap',function(){ //必须是element
console.log('tap');
},me);
//具体到哪个元素响应事件用代理delegate
me.element.addListener({ // on 和 addListener 都行
delegate: 'img', //所有img元素
tap: function() {
console.log('img tapped!');
}
});
me.element.on('tap',function(){ //必须是element
console.log('tap');
},me);
//具体到哪个元素响应事件用代理delegate
me.element.addListener({ // on 和 addListener 都行
delegate: 'img', //所有img元素
tap: function() {
console.log('img tapped!');
}
});
//也可以用css样式指定
me.cntTotal.element.addListener({
delegate: 'span.saleGift', //所有cssclass为saleGift的span元素
tap: function(e, html, delegate) {
console.info(e.target.getAttribute('giftname')); //获取元素的属性值
}
});
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
