**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页,我称它为上一页的当前页。