preventDefault() ਈਵੈਂਟ ਮੱਥੌਡ

DOM ਈਵੈਂਟ Event ਪੰਜਾਬੀ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

ਜੇਕਰ ਈਵੈਂਟ ਰੱਦ ਕਰਨ ਦੇ ਯੋਗ ਹੈ ਤਾਂ preventDefault() ਮੱਥੌਡ ਈਵੈਂਟ ਨੂੰ ਰੱਦ ਕਰ ਦਿੰਦਾ ਹੈ ਮਤਲਬ ਈਵੈਂਟ ਦੀ ਮੂਲ ਕਾਰਵਾਈ ਨਹੀਂ ਹੋਵੇਗੀ。

ਹੇਠ ਲਿਖੇ ਹਾਲਾਤਾਂ ਵਿੱਚ ਇਸ ਦਾ ਪ੍ਰਯੋਗ ਕੀਤਾ ਜਾਂਦਾ ਹੈ:

  • "ਸਬਮਿਟ" ਬਟਨ ਨੂੰ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਫਾਰਮ ਨੂੰ ਸਬਮਿਟ ਨਹੀਂ ਕਰਨਾ:
  • ਲਿੰਕ ਨੂੰ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਲਿੰਕ ਦੀ URL ਨੂੰ ਰੋਕਣਾ:

ਟਿੱਪਣੀਆਂ:ਸਾਰੇ ਗਤੀਵਿਧੀਆਂ ਨਹੀਂ ਰੱਦ ਕੀਤੀਆਂ ਜਾ ਸਕਦੀਆਂ। ਇਸ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ cancelable ਵਿਸ਼ੇਸ਼ਤਾ ਈਵੈਂਟ ਨੂੰ ਰੱਦ ਕਰਨ ਦੇ ਯੋਗ ਹੋਣ ਨੂੰ ਪਤਾ ਲਗਾਉਣ ਲਈ

ਟਿੱਪਣੀਆਂ:preventDefault() ਮੱਥੌਡ ਇਹ ਨਹੀਂ ਰੋਕਦਾ ਕਿ ਈਵੈਂਟ ਕੋਈ ਹੋਰ ਡੋਮ ਰਾਹੀਂ ਫੈਲਦਾ ਹੈ। ਇਸ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ stopPropagation() ਮੱਥੌਡ ਵਰਤੋਂ ਕਰੋ。

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਲਿੰਕ ਦੀ URL ਖੋਲ੍ਹਣ ਨੂੰ ਰੋਕਣਾ:

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

ਆਪਣੇ ਹੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਚੈੱਕਬਾਕਸ ਦੀ ਮੂਲ ਕਾਰਵਾਈ ਨੂੰ ਰੋਕਣਾ:

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

ਆਪਣੇ ਹੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਿਆਨਕਾਰਕ

event.preventDefault()

ਪੈਰਾਮੀਟਰ

ਨਹੀਂ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਵਾਪਸੀ ਵਾਲਾ ਮੁੱਲ: ਕੋਈ ਵਾਪਸੀ ਵਾਲਾ ਮੁੱਲ ਨਹੀਂ ਹੈ。
DOM ਸੰਸਕਰਣਾਂ: DOM ਲੈਵਲ 2 ਈਵੈਂਟ

ਬਰੇਅਰ ਸਮਰਥਨ

ਸਾਰੇ ਬਰੇਅਰਜ਼ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਪ੍ਰਾਪਤ ਕਰਨ ਵਾਲੇ ਪਹਿਲੇ ਬਰੇਅਰ ਦਾ ਨੰਬਰ ਸਾਰੇ ਤਾਲੀਕੇ ਵਿੱਚ ਦਿੱਤਾ ਗਿਆ ਹੈ。

ਮੇਥੋਡ ਚਰਮੇ IE ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
preventDefault() ਸਮਰਥਨ 9.0 ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ
DOM ਈਵੈਂਟ Event ਪੰਜਾਬੀ