阻止事件的默认行为

要阻止事件的默认行为，您可以调用 事件 对象的 preventDefault() 方法

event.preventDefault();Code language: CSS (css)

除非事件处理程序显式调用 stopPropagation() 方法，否则事件将继续像往常一样传播。

假设您有以下复选框

<input type="checkbox" name="ckAgree" id="ckAgree"> AgreeCode language: HTML, XML (xml)

当您单击它时，它的状态将变为选中。但是，您可以使用 preventDefault() 来阻止其状态更改为选中

const ck = document.querySelector('#ckAgree');

ck.addEventListener('click', function (e) {
  alert('Sorry! you cannot check this checkbox because of the preventDefault.');
  e.preventDefault();
});Code language: JavaScript (javascript)