使用js复制链接中的部分文字的方法


Posted in Javascript onJuly 30, 2015

网页上面的链接一般鼠标放上去就是一个手指的形状,导致不能拖动鼠标进行复制,下面这段JS就是让你能够实现复制的,将这段代码保存成chrome的书签,需要复制的时候点击这个书签,然后按着ctrl键,就可以复制链接上面的文字了

复制链接中的部分文字的实现代码如下:

javascript: (function() {
  var h, checked = true,
  down = false;
  document.addEventListener('mouseover',
  function(e) {
    var link, c = '',
    target = e.target;
    if (target.nodeName == 'A') {
      if (target.hasChildNodes) {
        for (var i = 0; i < target.childNodes.length; i++) {
          if (target.childNodes[i].nodeName == 'INPUT') return;
        }
      }
      link = target;
    }
    if (target.parentNode.nodeName == 'A' && target.nodeName != 'IMG' && target.nodeName != 'INPUT') {
      link = target.parentNode;
    }
    if (!link) return;
    if (checked) {
      h = link.href;
      if (link.style.cssText) c = link.style.cssText;
    }
    function _click(e) {
      link.removeEventListener(e.type, arguments.callee, false);
      e.preventDefault();
    }
    function _keydown(e) {
      var k = parseInt(e.keyCode);
      if (k < 48 && k != 17) return;
      document.removeEventListener(e.type, arguments.callee, false);
      down = true;
      link.removeAttribute('href');
      link.setAttribute('style', c + 'cursor:text!important;');
      link.addEventListener('click', _click, false);
    }
    document.addEventListener('keydown', _keydown, false);
    link.addEventListener('mouseout',
    function(e) {
      var k = link.compareDocumentPosition(e.relatedTarget);
      if (k == 20 || k == 0) {
        checked = false;
      } else {
        link.removeEventListener(e.type, arguments.callee, false);
        link.removeEventListener('click', _click, false);
        document.removeEventListener('keydown', _keydown, false);
        checked = true;
        if (down) {
          down = false;
          link.setAttribute('href', h);
          if (c == '') {
            link.removeAttribute('style');
          } else {
            link.setAttribute('style', c);
          }
        }
      }
    },
    false);
  },
  false);
})();

以上就是复制链接中的部分文字的实现代码,希望大家可以喜欢。

Javascript 相关文章推荐
Jquery 最近浏览过的商品的功能实现代码
May 14 Javascript
JQuery 图片的展开和伸缩实例讲解
Apr 18 Javascript
Jquery实现自定义窗口随意的拖拽
Mar 12 Javascript
js实现简单折叠、展开菜单的方法
Aug 28 Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 Javascript
JavaScript实现垂直向上无缝滚动特效代码
Nov 23 Javascript
JS实现判断图片是否加载完成的方法分析
Jul 31 Javascript
傻瓜式vuex语法糖kiss-vuex整理
Dec 21 Javascript
vue实现登录页面的验证码以及验证过程解析(面向新手)
Aug 02 Javascript
vue实现设置载入动画和初始化页面动画效果
Oct 28 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
Nov 06 Javascript
React中使用Vditor自定义图片详解
Dec 25 Javascript
JS如何实现文本框随文本的长度而增长
Jul 30 #Javascript
js代码实现随机颜色的小方块
Jul 30 #Javascript
js代码验证手机号码和电话号码是否合法
Jul 30 #Javascript
javascript设计模式之对象工厂函数与构造函数详解
Jul 30 #Javascript
js判断浏览器类型及设备(移动页面开发)
Jul 30 #Javascript
javascript中if和switch,==和===详解
Jul 30 #Javascript
用javascript实现自动输出网页文本
Jul 30 #Javascript
You might like
中篇:安装及配置PHP
2006/12/13 PHP
PHP HTML代码串 截取实现代码
2009/06/29 PHP
str_replace只替换一次字符串的方法
2013/04/09 PHP
CodeIgniter生成网站sitemap地图的方法
2013/11/13 PHP
两种php给图片加水印的实现代码
2020/04/18 PHP
php中青蛙跳台阶的问题解决方法
2018/10/14 PHP
JS 事件绑定函数代码
2010/04/28 Javascript
解决Jquery鼠标经过不停滑动的问题
2014/03/03 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
2014/07/29 Javascript
javascript中String对象的slice()方法分析
2014/12/20 Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
2015/03/25 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
2015/07/15 Javascript
JS实现仿微博可关闭弹出层效果
2015/09/21 Javascript
jQuery 调用WebService 实例讲解
2016/06/28 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
2017/06/16 Javascript
NodeJS实现图片上传代码(Express)
2017/06/30 NodeJs
vue-router传递参数的几种方式实例详解
2018/11/13 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
2019/02/25 Javascript
[02:50]2014DOTA2 TI预选赛预选赛 大神专访第一弹!
2014/05/21 DOTA
python爬取NUS-WIDE数据库图片
2016/10/05 Python
Python检查ping终端的方法
2019/01/26 Python
Python中使用双下划线防止类属性被覆盖问题
2019/06/27 Python
python 使用pygame工具包实现贪吃蛇游戏(多彩版)
2019/10/30 Python
创建Shapefile文件并写入数据的例子
2019/11/26 Python
Python restful框架接口开发实现
2020/04/13 Python
Python ORM框架Peewee用法详解
2020/04/29 Python
CSS3实现div从下往上滑入滑出效果示例
2020/04/28 HTML / CSS
Original Penguin美国官网:布拉德皮特、强尼德普喜爱的服装品牌
2016/10/25 全球购物
八年级英语教学反思
2014/01/09 职场文书
2014学年自我鉴定
2014/02/23 职场文书
文员岗位职责范本
2014/03/08 职场文书
2015年度酒店客房部工作总结
2015/05/25 职场文书
2015年国庆节演讲稿范文
2015/07/30 职场文书
vue项目配置sass及引入外部scss文件
2022/04/14 Vue.js
css3手动实现pc端横向滚动
2022/06/21 HTML / CSS
Win11 KB5015814遇安装失败 影响开始菜单性能解决方法
2022/07/15 数码科技