onkeyup ਈਵੈਂਟ

DOM ਈਵੈਂਟ KeyboardEvent

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

onkeyup ਈਵੈਂਟ ਯੂਜ਼ਰ ਕੀ ਰਿਲੀਜ਼ ਕਰਦੇ ਹੋਏ (ਕੀਬੋਰਡ 'ਤੇ) ਹੁੰਦਾ ਹੈ。

ਸੁਝਾਅ:onkeyup ਈਵੈਂਟ ਨਾਲ ਸਬੰਧਤ ਈਵੈਂਟਸ ਦੀ ਕਰਜ਼ਮ

  1. onkeydown
  2. onkeypress
  3. onkeyup

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਉਸ ਸਮੇਂ ਜਦੋਂ ਯੂਜ਼ਰ ਕੀ ਰਿਲੀਜ਼ ਕਰਦਾ ਹੈ, ਜਾਵਾਸਕ੍ਰਿਪਟ ਚਲਾਓ:

<input type="text" onkeyup="myFunction()">

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

"onkeydown" ਅਤੇ "onkeyup" ਈਵੈਂਟਸ ਨੂੰ ਮਿਲਾ ਕੇ ਵਰਤੋਂ ਕਰੋ:

<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 3

ਟੈਕਸਟ ਫੀਲਡ ਵਿੱਚ ਰਿਲੀਜ਼ ਕੀਤੇ ਗਏ ਵਾਸਤਵਿਕ ਕੀ ਦਿਸ਼ਾ ਪ੍ਰਦਾਨ ਕਰੋ:

ਤੁਹਾਡਾ ਨਾਮ ਦਾਖਲ ਕਰੋ: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਰੰਥ

HTML ਵਿੱਚ:

<element onkeyup="myScript">

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ:

object.onkeyup = function(){myScript};

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ, addEventListener() ਮੈਥਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ:

object.addEventListener("keyup", myScript);

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਟਿੱਪਣੀ:Internet Explorer 8 ਜਾਂ ਪੁਰਾਣੇ ਸਮੇਂ ਤੋਂ ਪਹਿਲਾਂ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ addEventListener() ਮੈਥਡ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਬੱਬਲਿੰਗ: ਸਮਰਥਨ
ਰੱਦ ਕਰਨ ਵਾਲਾ: ਸਮਰਥਨ
ਈਵੈਂਟ ਟਾਈਪਸ: KeyboardEvent
ਸਮਰਥਿਤ HTML ਟੈਗਸ: ਸਾਰੇ HTML ਐਲੀਮੈਂਟਸ, ਇਹ ਛੱਡਕੇ: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ਅਤੇ <title>
DOM ਸੰਸਕਰਣ: ਲੈਵਲ 2 ਈਵੈਂਟ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਈਵੈਂਟ Chrome IE Firefox Safari Opera
onkeyup ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ
DOM ਈਵੈਂਟ KeyboardEvent