HTML DOM execCommand () विधि का उपयोग संपादन योग्य अनुभाग पर निर्दिष्ट कमांड को निष्पादित करने के लिए किया जाता है जिसे उपयोगकर्ता द्वारा चुना जा रहा है। दस्तावेज़.डिज़ाइन संपत्ति को पहले स्थान पर एक संपादन योग्य अनुभाग के लिए सेट किया जाना चाहिए।
सिंटैक्स
execCommand() विधि के लिए सिंटैक्स निम्नलिखित है -
document.execCommand(command, showUI, value)
यहां, मान कुछ विशिष्ट आदेशों के लिए है जिन्हें पूरा करने की आवश्यकता है, जैसे, फ़ॉन्ट आकार, फोरकलर इत्यादि। शोयूआई यह निर्दिष्ट करने के लिए एक बूलियन मान है कि मान दिखाया जाना चाहिए या नहीं। कमांड का नाम वह कमांड है जिसे संपादन योग्य अनुभाग पर निष्पादित करने की आवश्यकता होती है।
कमांड पैरामीटर के लिए मान निम्नलिखित हैं -
"backColor", "bold", "createLink", "copy", "cut", "defaultParagraphSeparator", "delete", "fontName", "fontSize", "foreColor", "formatBlock", "forwardDelete", "insertHorizontalRule", "insertHTML", "insertImage", "insertLineBreak", "insertOrderedList", "insertParagraph", "insertText", "insertUnorderedList", "justifyCenter", "justifyFull", "justifyLeft", "justifyRight", "outdent", "paste", "redo", "selectAll", "strikethrough", "styleWithCss", "superscript", "undo", "unlink", "useCSS"
उदाहरण
आइए हम execCommand() विधि के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body ondblclick="changeText()">
<h1>execCommand() method example</h1>
<h3>double click on any text to change its fontsize and color</h3>
<p>Here is some text for being clicked upon. Some sample text is here too </p>
<script>
document.designMode = "on";
function changeText() {
document.execCommand("fontSize",true,"20px");
document.execCommand("backColor",true,"lightgreen");
document.execCommand("foreColor",true,"blue");
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
पृष्ठ पर किसी पाठ पर डबल क्लिक करने पर उस विशेष पाठ का स्वरूपण बदल जाएगा -
उपरोक्त उदाहरण में -
हमने पहले डबल क्लिक इवेंट के लिए अपने दस्तावेज़ निकाय के साथ एक ईवेंट हैंडलर को संबद्ध किया है। शरीर के किसी भी बच्चे पर डबल क्लिक करने पर, यह चेंजटेक्स्ट () विधि को निष्पादित करेगा। यहाँ शरीर के बच्चे h1, h3 और p तत्व हैं -
<body ondblclick="changeText()">
हम पहले दस्तावेज़ डिज़ाइन मोड को चालू करते हैं ताकि हम अपने दस्तावेज़ को संपादित कर सकें। फ़ंक्शन चेंजटेक्स्ट () दस्तावेज़ के निष्पादन कॉमांड () विधि को निष्पादित करता है और इसके मापदंडों जैसे कि फॉन्टसाइज़, बैककोलर, फोरकोलर को उनके संबंधित मूल्यों के साथ पास करता है। ये मान उपयोगकर्ता द्वारा डबल क्लिक किए गए संपादन योग्य अनुभाग पर लागू होंगे -
Function changeText() {
document.execCommand("fontSize",true,"20px");
document.execCommand("backColor",true,"lightgreen");
document.execCommand("foreColor",true,"blue");