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

HTML isTrusted इवेंट प्रॉपर्टी: यूज़र और स्क्रिप्ट इवेंट्स में अंतर पहचानना

HTML isTrusted इवेंट प्रॉपर्टी एक बूलियन मान लौटाती है जो दर्शाता है कि इवेंट विश्वसनीय (यूज़र द्वारा जनरेटेड) है या नहीं।

नोट: यदि स्क्रिप्ट द्वारा आह्वान किया गया तो isTrusted false लौटाता है, और यदि यूज़र द्वारा आह्वान किया गया तो true लौटाता है।

उदाहरण: लॉगिन सुरक्षा जांच

<!DOCTYPE html>
<html>
<head>
  <title>HTML isTrusted</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-isTrusted-एट्रिब्यूट</legend>
      <input type="email" id="emailSelect" placeholder="उदाहरण: xyz@abc.com">
      <input type="password" id="passWordSelect">
      <input id="loginbtn" type="button" value="Login" onclick="login(event)">
      <div id="divDisplay">2 सेकंड में लॉगिन प्रयास होगा</div>
    </fieldset>
  </form>
  <script>
    var emailSelect = document.getElementById("emailSelect");
    var passWordSelect = document.getElementById("passWordSelect");
    var loginbtn = document.getElementById("loginbtn");
    var divDisplay = document.getElementById("divDisplay");
    setTimeout(function() {
      emailSelect.value = "paulaStanford@MNC.com";
      passWordSelect.value = "hellopaula";
      loginbtn.click(); // स्क्रिप्ट द्वारा क्लिक - isTrusted = false
    }, 2000);
    function login(event) {
      if (event.isTrusted)
        divDisplay.textContent = 'Welcome ' + emailSelect.value.split("@")[0];
      else
        divDisplay.textContent = 'स्क्रिप्ट से अनधिकृत लॉगिन प्रयास';
    }
  </script>
</body>
</html>

आउटपुट परिदृश्य

  1. कोई कार्रवाई होने से पहले: "2 सेकंड में लॉगिन प्रयास होगा"
  2. स्क्रिप्ट द्वारा 'login' बटन क्लिक करने के बाद: "स्क्रिप्ट से अनधिकृत लॉगिन प्रयास" (isTrusted = false)
  3. यूज़र द्वारा 'login' बटन क्लिक करने के बाद: "Welcome [नाम]" (isTrusted = true)

उपयोग के मामले

  • सुरक्षा: स्वचालित बॉट सबमिशन रोकना
  • एनालिटिक्स: वास्तविक यूज़र इंटरैक्शन ट्रैक करना
  • गेमिंग: धोखाधड़ी रोकना (ऑटो-क्लिकर्स)
  • फॉर्म मान्यकरण: केवल वास्तविक यूज़र इनपुट स्वीकार करना

ब्राउज़र समर्थन

सभी आधुनिक ब्राउज़र्स में समर्थित (IE11+, Edge, Chrome, Firefox, Safari, Opera)।

  1. HTML DOM timeStamp इवेंट प्रॉपर्टी HTML DOM timeStamp इवेंट प्रॉपर्टी

    HTML DOM timeStamp प्रॉपर्टी इवेंट के निर्माण या ट्रिगर होने के समय को मिलीसेकंड में लौटाती है। नोट: timeStamp केवल तभी काम करता है जब इवेंट सिस्टम उस विशेष इवेंट के लिए इसका समर्थन करता हो। सिंटैक्स event.timeStamp उदाहरण <!DOCTYPE html> <html> <head> <title>timeStamp Event

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

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

  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 {