HTML5用JavaScript克隆标签

HTML5用JavaScript克隆标签,第1张

<!DOCTYPE html>

<html>

  <head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<title>

RunJS 演示代码

</title>

<style>

.content{

background-color:black

width:50px

height:50px

border-radius:90px

line-height:50px

color:white

text-align:center

cursor:pointer

float:left

-webkit-user-select:none

-moz-user-select:none

-ms-user-select:none

user-select:none

}

</style>

<script>

onload=function(){

document.body.onclick=function(e){

e = e || window.event

var ta = e.target || e.srcElement || e.toElement

if(ta.id == "c"){

this.appendChild(ta.cloneNode(true))

}

}

}

</script>

  </head>

<body>

    <div class='content' id="c">

点我

</div>

  </body>

</html>

使用以下函数将参数txt设置到系统的剪贴板,有些浏览器可能会询问是否执行。获取到要设置的内容后,将文本作为参数传递给下面的函数。

<script type="text/javascript">

function copy_clip(txt) {

        if (window.clipboardData) {

                window.clipboardData.clearData()

                window.clipboardData.setData("Text", txt)

        } else if (navigator.userAgent.indexOf("Opera") != -1) {

                window.location = txt

        } else if (window.netscape) {

                try {

                        netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect")

                } catch (e) {

                        alert("请在firefox浏览器地址栏里输入'about:config'然后找到'signed.applets.codebase_principal_support'设置为true'")

                        return false

                }

                var clip = Components.classes["@mozilla.org/widget/clipboard1"].createInstance(Components.interfaces.nsIClipboard)

                if (!clip)

                        return

                var trans = Components.classes["@mozilla.org/widget/transferable1"].createInstance(Components.interfaces.nsITransferable)

                if (!trans)

                        return

                trans.addDataFlavor('text/unicode')

                var str = new Object()

                var len = new Object()

                var str = Components.classes["@mozilla.org/supports-string1"].createInstance(Components.interfaces.nsISupportsString)

                var copytext = txt

                str.data = copytext

                trans.setTransferData("text/unicode", str, copytext.length * 2)

                var clipid = Components.interfaces.nsIClipboard

                if (!clip)

                        return false

                clip.setData(trans, null, clipid.kGlobalClipboard)

        }

}

</script>

1、首先新建文件。

2、js如何获取div里面的内容,代码如下。

3、js修改div里面的内容。

4、js 获取input里面的内容。

5、js修改input里面的内容,这样就完成了。

注意事项:

因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7056538.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存