复制内容的JS我寻找了有些时候了,自叹技术不行,搞不定全兼容版的,下面是调整出来的一个IE可以复制,其他浏览器提示不能复制后并将要复制的内容全选的效果,希望对大家有帮助。
看下面吧,源码和示例是最有力的说明,我这里就不多说了。
JS代码:
function copyToClipboard(theField,isalert,note) {
// theField copyright内容的节点ID
// isalert 成功后的提示
// note copyright成功后所添加的后缀
var tempval=document.getElementById(theField);
if(navigator.appVersion.match(/\bMSIE\b/)){
therange=tempval.value;
therange+="\n"+note;
window.clipboardData.setData(‘text’,therange);
if(isalert)alert(isalert);
}else{
alert("您使用的浏览器不支持此复制功能,请使用Ctrl+C或鼠标右键。");
tempval.select();
};
};
// theField copyright内容的节点ID
// isalert 成功后的提示
// note copyright成功后所添加的后缀
var tempval=document.getElementById(theField);
if(navigator.appVersion.match(/\bMSIE\b/)){
therange=tempval.value;
therange+="\n"+note;
window.clipboardData.setData(‘text’,therange);
if(isalert)alert(isalert);
}else{
alert("您使用的浏览器不支持此复制功能,请使用Ctrl+C或鼠标右键。");
tempval.select();
};
};
HTML代码:
<input type="text" name="a" id="copyrightId" value="复制源码地址:http://www.imf7.com/archives/193" />
<input type="button" name="button" value="复制" onclick="copyToClipboard(‘copyrightId’, ‘复制成功。现在您可以粘贴(Ctrl+v)到别的地方了’, ‘\n您的复制内容来自 imf7.com’)" />
<input type="button" name="button" value="复制" onclick="copyToClipboard(‘copyrightId’, ‘复制成功。现在您可以粘贴(Ctrl+v)到别的地方了’, ‘\n您的复制内容来自 imf7.com’)" />
示例演示:
不错的代码,感谢你的分享。