legen und laden Sie eine jquery/js in Wordpress Thema

Question

Ich möchte diesen Code auf meinem wp,

Website verwenden. https://jsfiddle.net/jfriend00/v9g1x0o6/

Aber ich weiß nicht, wie der js Code setzen und lädt auf single.php T_T.

Dies ist der JS-Code:

document.getElementById("copyButton").addEventListener("click", function() { 
copyToClipboardMsg(document.getElementById("copyTarget"), "msg"); 
}); 

document.getElementById("copyButton2").addEventListener("click",   function() { 
copyToClipboardMsg(document.getElementById("copyTarget2"), "msg"); 
    }); 

document.getElementById("pasteTarget").addEventListener("mousedown",   function() { 
this.value = ""; 
}); 


function copyToClipboardMsg(elem, msgElem) { 
    var succeed = copyToClipboard(elem); 
var msg; 
if (!succeed) { 
    msg = "Copy not supported or blocked. Press Ctrl+c to copy." 
} else { 
    msg = "Text copied to the clipboard." 
} 
if (typeof msgElem === "string") { 
    msgElem = document.getElementById(msgElem); 
} 
msgElem.innerHTML = msg; 
setTimeout(function() { 
    msgElem.innerHTML = ""; 
}, 2000); 
} 

function copyToClipboard(elem) { 
    // create hidden text element, if it doesn't already exist 
var targetId = "_hiddenCopyText_"; 
var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA"; 
var origSelectionStart, origSelectionEnd; 
if (isInput) { 
    // can just use the original source element for the selection and  copy 
    target = elem; 
    origSelectionStart = elem.selectionStart; 
    origSelectionEnd = elem.selectionEnd; 
} else { 
    // must use a temporary form element for the selection and copy 
    target = document.getElementById(targetId); 
    if (!target) { 
     var target = document.createElement("textarea"); 
     target.style.position = "absolute"; 
     target.style.left = "-9999px"; 
     target.style.top = "0"; 
     target.id = targetId; 
     document.body.appendChild(target); 
    } 
    target.textContent = elem.textContent; 
} 
// select the content 
var currentFocus = document.activeElement; 
target.focus(); 
target.setSelectionRange(0, target.value.length); 

// copy the selection 
var succeed; 
try { 
     succeed = document.execCommand("copy"); 
} catch(e) { 
    succeed = false; 
} 
// restore original focus 
if (currentFocus && typeof currentFocus.focus === "function") { 
    currentFocus.focus(); 
} 

if (isInput) { 
    // restore prior selection 
    elem.setSelectionRange(origSelectionStart, origSelectionEnd); 
} else { 
    // clear temporary content 
    target.textContent = ""; 
} 
return succeed; 
} 

pls me.I neue Version von Wordpress haben helfen. ich möchte diesen js code nur auf meine single.php laden. Dieser Js-Code ist eine Möglichkeit, Text in Textarea mit einer Schaltfläche zu kopieren.

Answer 1

In deiner single.php Datei vor <?php get_footer(); ?> diesen Code

<script language="javascript">document.getElementById("copyButton").addEventListener("click", function() { 
copyToClipboardMsg(document.getElementById("copyTarget"), "msg"); 
}); 

document.getElementById("copyButton2").addEventListener("click",   function() { 
copyToClipboardMsg(document.getElementById("copyTarget2"), "msg"); 
    }); 

document.getElementById("pasteTarget").addEventListener("mousedown",   function() { 
this.value = ""; 
}); 


function copyToClipboardMsg(elem, msgElem) { 
    var succeed = copyToClipboard(elem); 
var msg; 
if (!succeed) { 
    msg = "Copy not supported or blocked. Press Ctrl+c to copy." 
} else { 
    msg = "Text copied to the clipboard." 
} 
if (typeof msgElem === "string") { 
    msgElem = document.getElementById(msgElem); 
} 
msgElem.innerHTML = msg; 
setTimeout(function() { 
    msgElem.innerHTML = ""; 
}, 2000); 
} 

function copyToClipboard(elem) { 
    // create hidden text element, if it doesn't already exist 
var targetId = "_hiddenCopyText_"; 
var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA"; 
var origSelectionStart, origSelectionEnd; 
if (isInput) { 
    // can just use the original source element for the selection and  copy 
    target = elem; 
    origSelectionStart = elem.selectionStart; 
    origSelectionEnd = elem.selectionEnd; 
} else { 
    // must use a temporary form element for the selection and copy 
    target = document.getElementById(targetId); 
    if (!target) { 
     var target = document.createElement("textarea"); 
     target.style.position = "absolute"; 
     target.style.left = "-9999px"; 
     target.style.top = "0"; 
     target.id = targetId; 
     document.body.appendChild(target); 
    } 
    target.textContent = elem.textContent; 
} 
// select the content 
var currentFocus = document.activeElement; 
target.focus(); 
target.setSelectionRange(0, target.value.length); 

// copy the selection 
var succeed; 
try { 
     succeed = document.execCommand("copy"); 
} catch(e) { 
    succeed = false; 
} 
// restore original focus 
if (currentFocus && typeof currentFocus.focus === "function") { 
    currentFocus.focus(); 
} 

if (isInput) { 
    // restore prior selection 
    elem.setSelectionRange(origSelectionStart, origSelectionEnd); 
} else { 
    // clear temporary content 
    target.textContent = ""; 
} 
return succeed; 
}</script> 

Letzte Frage

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Verwandte Themen

• Keine verwandten Themen^_^