• 技术文章 > html教程

    oncopy事件么使用

    不言 不言 2019-02-11 15:26:30 原创 135
    oncopy事件在用户拷贝元素上的内容时触发,也就是当用户复制元素中存在的内容时,将触发oncopy事件。oncopy可以与img、input、p等元素一起使用。

    html

    oncopy接受在oncopy调用时运行的单值脚本。(更多oncopy内容可以参考:HTML教程手册

    有三种方式可以拷贝元素和内容:

    按下Ctrl+C

    在你的浏览器的 Edit(编辑) 菜单中选择 "Copy(复制)"

    右键鼠标按钮,在上下文菜单中选择 "Copy(复制)" 命令。

    oncopy的语法如下:

    <element oncopy = "script">

    我们来看具体的示例

    代码如下

    <!DOCTYPE html> 
    <html> 
        <head> 
            <title>oncopy attribute</title> 
            <style> 
                body { 
                    text-align:center; 
                } 
                h1 { 
                    color:green; 
                } 
            </style> 
        </head> 
        <body> 
            <h2>oncopy事件</h2> 
            <p oncopy="Geeks()">php中文网: php编程的学习网站</p> 
            <p id="sudo"></p> 
            <script> 
                function Geeks() { 
                    document.getElementById("sudo").innerHTML = "Copied Text" 
                } 
            </script> 
        </body> 
    </html>

    效果如下

    html

    本篇文章到这里就全部结束了,有关前端的更多精彩内容大家可以关注php中文网的相关栏目教程!!!

    以上就是oncopy事件么使用的详细内容,更多请关注php中文网其它相关文章!

    第五期线上培训班
    专题推荐: oncopy
    上一篇:rowspan属性怎么使用 下一篇:caption标签怎么使用

    相关文章推荐

    • Html如何设置横向导航结构_HTML/Xhtml_网页制作 • Html+css实现纯文字和带图标的按钮_HTML/Xhtml_网页制作 • HTML对于元素水平垂直居中的探讨_HTML/Xhtml_网页制作 • 修改输入框placeholder文字默认颜色-webkit-input-placeholder方法_HTML/Xhtml_网页制作 • 不可不知的HTML优化技巧_HTML/Xhtml_网页制作

    全部评论我要评论

  • 取消 发布评论 发送
  • PHP中文网