2016-06-07 68 views
-6

我在網上找到了一個代碼,允許我將文本複製到剪貼板,但是我做了一個按鈕,我不想讓它說服務器IP。這裏,因爲這就是代碼將複製的內容,我希望它說複製服務器IP,然後它將複製服務器IP在這裏部分,如果有人可以幫助,我會非常感謝。複製前的HTML文本

<a id="demo" class="button cta-button" onclick="copyToClipboard(document.getElementById('demo').innerHTML)">Server Ip Here</a> 
<script> 
    function copyToClipboard(text) { 
    window.prompt("Copy to clipboard: Ctrl+C, Enter", text); 
    } 
</script> 

凡說服務器IP這將是我的服務器IP,但我想它說〜複製服務器IP而不是僅僅顯示的IP,然後點擊它來複制。

+3

請努力去了解你在做什麼(至少嘗試並理解編程語言!)首先.. – cybermonkey

+0

我只能看到服務器IP,複製,服務器IP。 ':/'嗯。 –

回答

1

編輯:編輯2應該回答的問題

<a id="demo" class="button cta-button" onclick="copyToClipboard(document.getElementById('demo').innerHTML)"> 
Server Ip Here 
</a> 

一切之間"呈現爲文本。

實施例:

var text="value"; 
console.log(text); //Will render "value" 
console.log("text"); //Will render "text" 

copyToClipboard(document.getElementById('demo').innerHTML)然後用Arg document.getElementById('demo').innerHTML這是這裏的字符串執行。

案例1<a>標籤會顯示你的IP服務器

onclick="copyToClipboard("+document.getElementById('demo').innerHTML+")"

案值2<a>標籤隱藏服務器

var ip = "ip address"; //In your javascript file 

onclick="copyToClipboard("+ip+")"的IP

警告:您的IP值必須在HTML文件中<script>標籤或文件的頂部被宣佈爲HTML是在你的身體呈現之前,否則ip值爲null和你<a>標籤將有一個錯誤的值onclick="copyToClipboard()"

EDIT 2 考慮到腳本部分沒關係

<a id="demo" class="button cta-button" onclick="copyToClipboard('192.168.1.1')"> 
Click here to copy ip 
</a> 

document.getElementById('demo').innerHTML給你一切在你的標籤<a id="demo">標籤內,所以在你的例子中它是「Server Ip Here」。然而,這不是你所期望的,所以你可以通過你的IP服務器的價值來改變它。

這工作:

<script> 
    function copyToClipboard(text) { 
     window.prompt("Copy to clipboard: Ctrl+C, Enter", text); 
     } 
</script> 

<a id="demo" class="button cta-button" onclick="copyToClipboard('192.168.1.1')"> 
    Click here to copy ip 
</a> 

關於<a>標籤,給一個嘗試到試一試,瞭解他們是如何工作的 http://www.w3schools.com/tags/tag_a.asp

+0

嗨,感謝您的回覆,我沒有在這方面的進步,但我會嘗試給我一個例子,我試圖得到它 127.0.0.1

+0

你看我在哪裏點擊這裏複製IP然後把IP地址它會複製它我試圖添加文本點擊這裏複製IP很多,因爲atm它顯示在按鈕的IP ... –

+0

堅持下去,讓我讓你更好的答案,我不會得到足夠的字符 –