preventDefault() na pangyayari na paraan

DOM 事件 Event Obheto

Paglilinaw at Paggamit

Kung ang pangyayari ay maaaring kanselahin, ang preventDefault() na paraan ay magkanselahin ang pangyayari, ibig sabihin ang pangkaraniwang operasyon ng pangyayari ay hindi magaganap.

Maaring magamit sa mga sumusunod na sitwasyon:

  • Iclick ang "Isumite" na pindutan, iwasan ang pagsumite ng porma
  • Iclick ang link, iwasan ang pagsubaybay sa URL

Komento:Hindi lahat ng mga aktibidad ay maaaring kanselahin. Gamitin ang Attribute na cancelable upang matukoy kung ang pangyayari ay maaring kanselahin.

Komento:Ang preventDefault() na paraan ay hindi mag-iwasan ang pagpasa ng pangyayari sa DOM. Gamitin ang stopPropagation() na paraan para malutas ito.

Eksemplo

Halimbawa 1

Iwasan ang pagbubukas ng URL ng link:

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault()
});

subukahin nang personal

Halimbawa 2

Iwasan ang pangkaraniwang operasyon ng kasuwan:

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault()
});

subukahin nang personal

pananaliksik

event.preventDefault()

参数

无。

技术细节

返回值： 无返回值。
DOM 版本： DOM Level 2 Events

浏览器支持

表格中的数字注明了完全支持该方法的首个浏览器版本。

方法 Chrome IE Firefox Safari Opera
preventDefault() 支持 9.0 支持 支持 支持
DOM 事件 Event Obheto