javascript – 使用jQuery模仿现代浏览器的复制URL(复制时添加http：//)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用jQuery模仿现代浏览器的复制URL(复制时添加http：//)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1135字，纯文字阅读大概需要2分钟。

内容图文

我试图模仿现代浏览器的“复制网址”功能.

查看网址时,您看不到http：//.如果将其复制到剪贴板,将添加http：//.到目前为止我有这个：

$('#address input').bind('copy', function() {
  $.fn.changevalue = function (v) {
    return $(this).val(v).trigger('change');
  }
  var origval = $(this).val();
  $(this).changevalue('http://' + origval);
});

这会将http：//添加到输入字段,如果检测到操作’copy’但它会将副本停止到剪贴板.该函数还将http：//添加到主输入字段,这是我不想要的.我只想将它添加到剪贴板.

解决方法:

注意：JavaScript无法访问剪贴板.任何执行此操作的插件通常在后台使用Flash.

要修复复制事件,在将http：//添加到输入后,您需要触发select事件(而不是更改事件).更改值后,将不再选择文本,因此您需要在编辑后选择新文本.

要从输入字段中删除http：//,可以在事件结束时添加setTimeout以重置值.

此外,您应该在回调之外设置$.fn.changevalue,不需要在每个复制事件上重新设置它.

$.fn.changevalue = function(v) {
    return this.val(v).trigger('select');  // this is already a jQuery object
}

$('#address input').bind('copy', function() {
    var $this = $(this),
    origval = $this.val();
    $this.changevalue('http://' + origval);
    setTimeout(function(){
        $this.val(origval);
    }, 0);
});

演示：http://jsfiddle.net/TGHcD/

内容总结

以上是互联网集市为您收集整理的javascript – 使用jQuery模仿现代浏览器的复制URL(复制时添加http：//)全部内容，希望文章能够帮你解决javascript – 使用jQuery模仿现代浏览器的复制URL(复制时添加http：//)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端