如何取消Event的預設行為

event.preventDefault() 是一個 JavaScript 中，Event interface 定義的方法。這個方法可以取消事件的預設行為，例如當使用者點選 anchor 時，會將其定向到 href 屬性所指向的網頁；按下表單中的 submit 按鈕時，則會透過 HTTP 傳送請求到表單 action 屬性所指定的 URL。

如果呼叫 event.preventDefault()，則可以阻止這些預設行為的發生。在 React 中，通常可以在 JSX 的 event handler 中使用 event.preventDefault() 阻止預設行為的發生，例如：

function handleClick(event) {
  event.preventDefault();
  console.log("Link clicked");
}

<a href="#" onClick={handleClick}>Click me</a>

JavaScript

在這個例子中，點選了一個 Anchor element (<a>) 而不是觸發標準的跳轉行為，而是在控制檯列印出相應的訊息 ("Link clicked")。

function handleClick(event) {
  event.preventDefault();
  console.log("Link clicked");
}

<a href="#" onClick={handleClick}>Click me</a>

JavaScript

在這個例子中，點選了一個 Anchor element (<a>) 而不是觸發標準的跳轉行為，而是在控制檯列印出相應的訊息 ("Link clicked")。

如何取消Event的預設行為

目錄

如何取消Event的預設行為

目錄