Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM touchcancel इवेंट


HTML DOM touchcancel इवेंट तब ट्रिगर होता है जब एक या अधिक टच इवेंट बाधित होते हैं।

नोट: यह इवेंट केवल टच डिवाइसेज के लिए है।

सिंटैक्स

HTML में touchcancel इवेंट ट्रिगर करना -

ontouchcancel = "eventFunction()"

JavaScript में touchcancel इवेंट ट्रिगर करना -

eventObject.ontouchcancel = eventFunction

उदाहरण

<!DOCTYPE html> <html> <head> <title>HTML DOM touchcancel event</title> <style>    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } </style> </head> <body>    <form>         <fieldset>            <legend>HTML-DOM-touchcancel-event</legend>            <label for="textSelect">Proverb --></label>            <input type="text" ontouchcancel="eventAction()" id="textSelect" size="30" value="Too many    cooks spoil the broth" disabled>            <div id="divDisplay"></div>         </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var textSelect = document.getElementById("textSelect");    function eventAction() {       divDisplay.textContent = 'Too many touch events triggered and disrupted';    } </script> </body> </html>

आउटपुट

स्क्रीन को टच करने से पहले -

HTML DOM touchcancel इवेंट

स्क्रीन पर मल्टीपल टच इवेंट ट्रिगर करने के बाद -

HTML DOM touchcancel इवेंट


  1. HTML DOM TouchEvent touches प्रॉपर्टी HTML DOM TouchEvent touches प्रॉपर्टी

    HTML DOM TouchEvent touches प्रॉपर्टी टच सरफेस पर ट्रिगर हुए सभी संपर्क बिंदुओं की सूची दर्शाने वाला TouchList ऑब्जेक्ट लौटाती है। नोट: यदि निर्दिष्ट नोड या उसके किसी चाइल्ड नोड पर टच ट्रिगर होता है तो बाद के टच भी गिने जाएंगे भले ही वे उसी नोड पर ट्रिगर न हुए हों। सिंटैक्स event.touches नोट: हमने

  1. HTML DOM Ul ऑब्जेक्ट HTML DOM Ul ऑब्जेक्ट

    HTML DOM Ul ऑब्जेक्ट HTML में <ul> एलिमेंट को दर्शाता है। <ul> एलिमेंट बनाना var ulObject = document.createElement(UL) यहां, ulObject के निम्नलिखित गुण हो सकते हैं लेकिन HTML5 में समर्थित नहीं हैं - गुणविवरण compactअनऑर्डर्ड लिस्ट को सामान्य से छोटा प्रदर्शित करना चाहिए या नहीं, सेट

  1. HTML DOM Event type प्रॉपर्टी HTML DOM Event type प्रॉपर्टी

    HTML DOM Event type प्रॉपर्टी इवेंट के प्रकार जैसे click, keypress, load, या touchend को दर्शाने वाला स्ट्रिंग लौटाती है। सिंटैक्स event.type उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM Event type</title> <style>    form {