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

जावास्क्रिप्ट के साथ किसी एलिमेंट का टेक्स्ट सेलेक्टेबल है या नहीं, यह कैसे सेट करें?

टेक्स्ट सेलेक्शन को इनेबल या डिसेबल करने के लिए जावास्क्रिप्ट में userSelect प्रॉपर्टी का उपयोग करें। फायरफॉक्स के लिए, MozUserSelect प्रॉपर्टी का उपयोग करें और इसे none पर सेट करके सेलेक्शन डिसेबल करें।

जावास्क्रिप्ट के साथ किसी एलिमेंट का टेक्स्ट सेलेक्टेबल है या नहीं, यह सेट करना सीखने के लिए निम्न कोड चलाकर देखें:

उदाहरण

 <!DOCTYPE html> <html> <body> <button onclick = "myFunction()">मुझे क्लिक करें</button> <div id = "box"> ऊपर दिए बटन पर क्लिक करें। यह आपको इस टेक्स्ट को सेलेक्ट नहीं करने देगा। userSelect प्रॉपर्टी का उपयोग दिखाता है। </div> <script> function myFunction() { var a = document.getElementById("box"); a.style.userSelect = "none"; // क्रोम और सफारी में काम करता है a.style.WebkitUserSelect = "none"; // फायरफॉक्स में काम करता है a.style.MozUserSelect = "none"; } </script> </body> </html>

  1. - JavaScript से एलिमेंट का निचला मार्जिन कैसे सेट करें?

    उदाहरण marginBottom प्रॉपर्टी से एलिमेंट का निचला मार्जिन सेट करें। <!DOCTYPE html> <html> <body> <p id=myID>यह डेमो टेक्स्ट है।</p> <button type=button onclick=display()>निचला मार्जिन सेट करें</button> <script> function display() {

  1. - JavaScript से एलिमेंट के सभी मार्जिन्स एक साथ कैसे सेट करें?

    उदाहरण margin शॉर्टहैंड प्रॉपर्टी से चारों मार्जिन एक साथ सेट करें। <!DOCTYPE html> <html> <body> <button type=button onclick=display()>चारों मार्जिन सेट करें</button> <p id=myID>यह डेमो टेक्स्ट है।</p> <script> function display() {

  1. - CSS के साथ टेक्स्ट चयन सक्षम या अक्षम करें

    CSS user-select प्रॉपर्टी का उपयोग यह नियंत्रित करने के लिए किया जाता है कि किसी तत्व का टेक्स्ट उपयोगकर्ता द्वारा चुना जा सकता है या नहीं। यह UI तत्वों में आकस्मिक चयन को रोकने के लिए उपयोगी है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { user-