代碼
提交代碼
<style>
.btn { border: 1px solid #4caf50; padding: 8px 12px; min-width: 200px; color: #4caf50; background: white; outline: none; }
.btn:active { background: #4caf50; color: white; }
</style>
<div>
<button class="btn">點擊我</button>
</div>
<script>
var afterClick = new CustomEvent('afterclick');
var btnEle = document.querySelector('.btn');
btnEle.addEventListener('afterclick', function() {
alert('我是點擊事件執(zhí)行完后做的事情，我被改成了 CustomEvent');
});
btnEle.onclick = function() {
alert('我被點擊了');
this.dispatchEvent(afterClick);
};
</script>
運行結(jié)果