在前端网上看到的很好的代码例子,写在这里作为记录
<textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />
<script type="text/javascript">
function copyUrl2()
{
var Url2=document.getElementById("biao1");
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好,可贴粘。");
}
</script>
但是这段代码不能很好的兼容手机端
于是作者改进代码如下:
$(document).on('click', '.link', function() {
var url = window.location.href;
Url2 = document.getElementById("url");
$('#url').val(url);
$('#url1').text(url);
if( document.execCommand('Copy') ) {
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
$.customTips({
msg : '复制成功'
});
$('.share-main').removeClass('show');
setTimeout(function() {
$('.share-box').hide();
},100);
} else {
$('.share-main').removeClass('show');
$('.link-main').show();
}
});
控制根字体大小:
(function() {
// 控制根字体大小
var winWidth = document.body.clientWidth;
document.querySelector('html').style.fontSize = winWidth/640 * 24 + 'px';
})()