美文网首页
js创建点击事件 和 js原生复制

js创建点击事件 和 js原生复制

作者: ozil_oo | 来源:发表于2018-09-14 15:09 被阅读0次

复制

html代码

    <span class="hleft" onclick="copyLink('内容asdf','text')">复制链接</span>
    <textarea id="text">待复制的内容</textarea>

js代码

    function copyLink (s, id) { //复制到剪切板
        if (document.execCommand) {
            var e = document.getElementById(id);
            e.select();
            e.setSelectionRange(0, e.value.length);
            document.execCommand("Copy");
            return true;
        }
        if (window.clipboardData) {
            window.clipboardData.setData("Text", s);
            return true;
        }
        return false;
    }

自动点击事件实现页面自动跳转

html代码

<a id="link" href="http://baidu.com"></a>
    window.onload = function() {
        var link = document.getElementById('link')
        link.dispatchEvent(customClickEvent())
    }

        function customClickEvent() {
            var c;
            if (window.CustomEvent) {
                c = new window.CustomEvent("click", {
                    canBubble: true,
                    cancelable: true
                })
            } else {
                c = document.createEvent("Event");
                c.initEvent("click", true, true)
            }
            return c;
        }

PS:自动事件可以实现自动跳转,不能实现自动复制

相关文章

  • js创建点击事件 和 js原生复制

    复制 html代码 js代码 自动点击事件实现页面自动跳转 html代码 PS:自动事件可以实现自动跳转,不能实现...

  • 20、jQuery 事件机制

    20、jQuery 事件机制 原生js事件与jQuery事件: (1)用原生的js给div注册事件 原生js注册相...

  • js 复制文字功能

    功能:点击按钮,复制值。 实现方法:通过原生js 的方法 document.execCommand('copy')...

  • js原生模拟点击事件

    document.createEvent()创建一个指定类型的事件,返回的对象首先被初始化,然后可以传递给elem...

  • 自定义事件遇到的坑

    1. JS触发原生事件 通过这种方法可以用JS触发原生事件 2. 创建的Event对象最好不要重用 昨天在写一个功...

  • picker选择器 设置默认值如请选择

    wxml JS data部分 JS 点击事件

  • WKWebView与vue.js的交互

    原生调用js的方法 js写法 Swift写法 js调用原生的方法 js写法 Swift写法 1.创建和设置JSOb...

  • MarkDown学习

    touch.js学习 准备工作 touch.js是百度开源的一套支持原生js事件和自定义事件的js库js中包含很多...

  • MARKDOWN学习?

    touch.js学习 准备工作 touch.js是百度开源的一套支持原生js事件和自定义事件的js库js中包含很多...

  • touch.js

    touch.js学习 touch.js是百度开源的一套支持原生js事件和自定义事件的js库js中包含很多这种库 封...

网友评论

      本文标题:js创建点击事件 和 js原生复制

      本文链接:https://www.haomeiwen.com/subject/gdjogftx.html