将DIV的内容复制到剪贴板

最后，为了更好的衡量，我们还可以看到一个例子，点击它时自动选择并将DIV的内容复制到剪贴板：

演示（点击下面的任何引号选择其内容）：

“就在毛毛虫认为世界即将结束时，他变成了一只蝴蝶。” - 谚语

“伟大的头脑讨论想法;平均思想讨论事件;小思想讨论人。” - 埃莉诺罗斯福

“没有你的同意，任何人都不会让你感到自卑。” - 埃莉诺罗斯福

代码：

<div id=

"motivatebox"

style=

"overflow: hidden; margin: 1em auto"

><font></font>

<div class=

"motivate"

><font></font>

"Just when the caterpillar thought the world was ending, he turned into a butterfly."

--Proverb<font></font>

</div><font></font>

<font></font>

<div class=

"motivate"

><font></font>

"Great minds discuss ideas; average minds discuss events; small minds discuss people."

--Eleanor Roosevelt<font></font>

</div><font></font>

<font></font>

<div class=

"motivate"

><font></font>

"No one can make you feel inferior without your consent."

--Eleanor Roosevelt<font></font>

</div><font></font>

</div><font></font>

<font></font>

<script><font></font>

<font></font>

var

motivatebox = document.getElementById(

'motivatebox'

)<font></font>

<font></font>

motivatebox.addEventListener(

'mouseup'

, 

function

(e){<font></font>

var

e = e || event 

// equalize event object between modern and older IE browsers<font></font>

var

target = e.target || e.srcElement 

// get target element mouse is over<font></font>

if

(target.className == 

'motivate'

){<font></font>

selectElementText(target) 

// select the element's text we wish to read<font></font>

var

copysuccess = copySelectionText()<font></font>

if

(copysuccess){<font></font>

showtooltip(e)<font></font>

}<font></font>

}<font></font>

}, 

false

)<font></font>

<font></font>

</script>

这里没什么新东西 - 我们只是监视 mouseup 引号DIVs共享父容器的“ ”事件，以检测用户何时点击其中一个内部DIV。当发生这种情况时，我们选择DIV的内容，然后使用之前创建的函数将其复制到剪贴板。

ITPub博客

使用JavaScript读取所选文本并将其复制到剪贴板（4）

将DIV的内容复制到剪贴板

最新文章