如何覆盖aFunction
中的child.js
?
我希望子事件监听器在没有aFunction
触发的情况下触发,我无法修改parent.js
。
这甚至可能吗?
<th class="foo">foo
<span class="bar" data-feather="arrow-down"></span>
</th>
parent = {
init: function() {
parent.aFunction($('.foo'));
},
aFunction: function(element) {
element.on('click', function() {
alert('foo');
});
}, ...
window.onload = parent.init;
child.js:
$('.bar').on('click', function() {
alert('bar');
});
.bar
没有导致名为bar
的html标签event.stopPropagation()
防止事件冒泡DOM树,防止任何父处理程序被通知事件。例
$('.foo').on('click', function() {
alert('foo');
});
$('.bar').on('click', function(e) {
e.stopPropagation();
alert('bar');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="foo">foo
<span class="bar" data-feather="arrow-down">Bar</span>
</div>