কম্পিউটার টিউটোরিয়াল

HTML DOM touchcancel ইভেন্ট

HTML DOM touchcancel ইভেন্টটি ট্রিগার হয় যখন এক বা একাধিক টাচ ইভেন্ট বাধা পায়।

নোট: এই ইভেন্ট শুধু টাচ ডিভাইসের জন্য।

সিনট্যাক্স

HTML-এ touchcancel ইভেন্ট ট্রিগার:

ontouchcancel = "eventFunction()"

জাভাস্ক্রিপ্টে 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 touchmove ইভেন্ট

  2. HTML DOM TouchEvent touches প্রপার্টি

  3. HTML DOM Ul অবজেক্ট

  4. HTML DOM Event type প্রপার্টি