fullscreenchange ایوینٹ

تعلیم و کاربرد

fullscreenchange ایوینٹ، عناصر کو فول اسکرین ماڈ میں دیکھتے ہوئے رونما ہوتا ہے。

ਟਿੱਪਣੀ:ਇਹ ਈਵੈਂਟ ਵੱਖ-ਵੱਖ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਕੰਮ ਕਰਨ ਲਈ ਵਿਸ਼ੇਸ਼ ਪ੍ਰੀਫਿਕਸ ਦੀ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ (ਦੇਖੋ ਹੇਠਲੇ ਉਦਾਹਰਣਾਂ ਵਿੱਚ).

ਸੁਝਾਅ:ਇਸ ਤੋਂ ਵਰਤੋਂ ਕਰੋ: element.requestFullscreen() ਮੱਥਾ ਨਾਲ ਪੂਰੇ ਸਕਰੀਨ ਮੋਡ ਵਿੱਚ ਇਲੈਕਟ੍ਰੌਨ ਦਿਖਾਓ.

ਸੁਝਾਅ:ਇਸ ਤੋਂ ਵਰਤੋਂ ਕਰੋ: element.exitFullscreen() ਪੂਰੇ ਸਕਰੀਨ ਮੋਡ ਨੂੰ ਰੱਦ ਕਰਨ ਦਾ ਮੱਥਾ.

ਉਦਾਹਰਣ

ਪੂਰੇ ਸਕਰੀਨ ਮੋਡ ਵਿੱਚ ਪੰਨਾ ਦਿਖਾਉਣ ਲਈ ਕੁਝ ਲਿਖਤ ਦਿਖਾਓ:

document.addEventListener("fullscreenchange", function() {
  output.innerHTML = "fullscreenchange event fired!";
});

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

ਗਰੰਥ

ਐੱਚਟੀਐੱਮਐੱਲ ਵਿੱਚ:

<element onfullscreenchange="myScript">

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

object.onfullscreenchange = function(){myScript};

ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਯੂਜ਼ ਕਰਨ ਲਈ addEventListener() ਮੱਥਾ:

object.addEventListener("fullscreenchange", myScript);

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

ਟਿੱਪਣੀ:ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 8 ਜਾਂ ਪਹਿਲੇ ਦੀਆਂ ਸੰਸਕਰਣਾਂ ਵਿੱਚ ਸਮਰਥਨ ਨਹੀਂ ਕੀਤਾ ਗਿਆ addEventListener() ਮੱਥਾ.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਬੁੱਕਸਪਲਾਈ ਸਮਰਥਨ: ਸਮਰਥਨ
ਰੱਦ ਕਰਨ ਸਮਰਥਨ: ਸਮਰਥਨ ਨਹੀਂ ਕੀਤਾ ਗਿਆ
ਈਵੈਂਟ ਟਾਈਪ: Event
ਸਮਰਥਤ ਐੱਚਟੀਐੱਮਐੱਲ ਟੈਗ: ਸਾਰੇ ਐੱਚਟੀਐੱਮਐੱਲ ਇਲੈਕਟ੍ਰੌਨ

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

ਤਾਲਿਕੇ ਵਿੱਚ ਦਿੱਤੇ ਸੰਖਿਆਵਾਂ ਇਸ ਈਵੈਂਟ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਆਖਰੀ ਸੰਸਕਰਣ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ. ਟਿੱਪਣੀ: ਹਰ ਬਰਾਉਜ਼ਰ ਨੂੰ ਵਿਸ਼ੇਸ਼ ਪ੍ਰੀਫਿਕਸ ਚਾਹੀਦਾ ਹੈ (ਦੇਖੋ ਅੰਕੜਿਆਂ ਵਿੱਚ):

ਈਵੈਂਟ ਕਰੋਮ ਆਈਈ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
fullscreenchange 45.0 (webkit) 11.0 (ms) 47.0 (moz) 5.1 (webkit) 15.0 (webkit)

ਉਦਾਹਰਣ

ਕਰਾਸ-ਬਰਾਉਜ਼ਰ ਕੋਡ ਲਈ ਪ੍ਰੀਫਿਕਸਾਂ:

/* ਮਿਆਰੀ ਸਕ੍ਰਿਪਸ਼ਨ */
document.addEventListener("fullscreenchange", function() {
  ...
});
/* ਫਾਇਰਫਾਕਸ */
document.addEventListener("mozfullscreenchange", function() {
  ...
});
/* ਚਾਰੋਂ ਬਰਾਉਜ਼ਰਾਂ - ਕਰੋਮ, ਸਫਾਰੀ ਅਤੇ ਓਪਰਾ */
document.addEventListener("webkitfullscreenchange", function() {
  ...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
  ...
});

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