时间戳

首页 > 解决方案 > 我想在事件发生后停止条件 JavaScript

javascript - 我想在事件发生后停止条件 JavaScript

问题描述

（我的意思是当有人单击按钮进行更改或创建一个元素时，请我知道会以另一种方式工作，但我需要知道我是否可以通过这种方式解决它....感谢您的支持）

const BAG = document.querySelector('#container');
//const SMS = document.querySelector('#sms');
// const DEL = document.querySelector('#del');
BAG.addEventListener('click', function(apply) {
  var target = apply.target;

  if (target.id === 'sms') {
    console.log('Hi, Someone hit the Botton CLICK HERE');
  }
} else if (target.id === "del") {
  console.log('DELETE botton was clecked');
} else {
  console.log('^BODY was clecked');
}
}, false);
body {
  text-align: center;
  margin-top: 250px;
  font-family: Tahoma;
}
<div id="container">
  <h1>Hello!! Please click on the Botton Below</h1>
  <button id="sms">Click Here</button>
  <button id="del">Delete the Message</button>
</div>

标签： javascripthtmleventsaddeventlistener

解决方案

您添加了额外{的代码不起作用...更新的代码如下：

var bag = document.querySelector('#container');
//const SMS = document.querySelector('#sms');
//const DEL = document.querySelector('#del');
bag.addEventListener('click', function(apply) {
  var target = apply.target;
  if (target.id === 'sms') {
console.log('Hi, Someone hit the Botton CLICK HERE');
target.setAttribute('disabled','disabled');
  }

 else if (target.id === "del") {
  console.log('DELETE botton was clecked');
  target.setAttribute('disabled','disabled');
} else {
  console.log('^BODY was clecked');
}
});
<div id="container">
  <h1>Hello!! Please click on the Botton Below</h1>
  <button id="sms">Click Here</button>
  <button id="del">Delete the Message</button>
</div>

推荐阅读