clipboard复制链接、qrcode生成二维码、keyCode回车事件

**1、复制链接**

引入clipboard.min.js

// 复制链接
var clipboard = new Clipboard('#copy',{  
    text: function(trigger) { 
    alert("复制成功!");
        return trigger.getAttribute('data-clipboard-text');  
   }
});

<a class="tdIco_copy fr" href="#" id="copy" data-clipboard-text="这里是你要复制的链接,例如:https://www.syjalor.com">复制链接</a>


**2、动态生成二维码**
引入jquery.qrcode.min.js

// 鼠标事件,生成二维码
function over(enc){
    // 内容
    var str = "http://www.syjalor.com";
    //生成二维码
    $("#"+enc).empty();
    $("#"+enc).qrcode({
        render: "canvas", //table方式
        width: 64, //宽度
        height:64, //高度
        text: str //任意内容
    });
}

<a class="tdIco_03 tdIco_ico" href="#" onmouseover="over()"></a>

<div class="tdIco_code fr">
    <div id="$!{info.enc}" style="width:64px; height:64px; margin:0 auto 10px;"></div>
    <p>扫码进入直播间</p>
</div>


**3、回车事件**

<form  method="post" id="searchFrom" name="searchFrom" action="/jalor/ilist">
</form>

// 模糊查询
function submitFrom(){
    var f = document.getElementsByTagName("form")[0];
    f.action=f.action+"?subject="+$("#partic_search_text").val();
    f.submit();
}

// 回车事件
$(function(){
    $("#partic_search_text").keydown(function(e){
        if (e.keyCode == 13){
            submitFrom();
        }
    })        
});


**扩展内容:1、URL编码 encodeURI(encodeURI(url))**


**2、返回上一页并刷新**
self.location=document.referrer;
适用场景:分页展示中修改、删除。
eg:例如在第3页修改或删除了某一条数据,self.location会自己刷新第3页的数据,并展示是第3页,我称它为上一页的当前页。
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

百度没有我的爱

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值