使用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 相关文章推荐
手把手教你自己写一个js表单验证框架的方法
Sep 14 Javascript
jquery小火箭返回顶部代码分享
Aug 19 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
Oct 28 Javascript
Bootstrap入门书籍之(三)栅格系统
Feb 17 Javascript
javascript 闭包详解及简单实例应用
Dec 31 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
Aug 16 Javascript
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
Oct 12 Javascript
浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
Sep 19 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
May 31 Javascript
编写v-for循环的技巧汇总
Dec 01 Javascript
JavaScript 中的六种循环方法
Jan 06 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 面向对象 PHP5 中的常量
2010/05/05 PHP
PHP中PCRE正则解析代码详解
2019/04/26 PHP
Laravel框架实现文件上传的方法分析
2019/09/29 PHP
JQuery 常用方法基础教程
2009/02/06 Javascript
原生javascript兼容性测试实例
2013/07/01 Javascript
jquery获取一组checkbox的值(实例代码)
2013/11/04 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
2015/11/18 Javascript
jquery遍历json对象集合详解
2016/05/18 Javascript
Bootstrap select下拉联动(jQuery cxselect)
2017/01/04 Javascript
angularjs中回车键触发某一事件的方法
2017/04/24 Javascript
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
2017/07/31 Javascript
浅谈JavaScript作用域和闭包
2017/09/18 Javascript
JS设计模式之单例模式(一)
2017/09/29 Javascript
node.js 用socket实现聊天的示例代码
2017/10/17 Javascript
JS 正则表达式验证密码、邮箱格式的实例代码
2018/10/28 Javascript
vue路由--网站导航功能详解
2019/03/29 Javascript
了不起的11个JavaScript代码重构最佳实践小结
2021/01/11 Javascript
Python基础入门之seed()方法的使用
2015/05/15 Python
python2.7安装图文教程
2018/03/13 Python
python下解压缩zip文件并删除文件的实例
2018/04/24 Python
python程序 线程队列queue使用方法解析
2019/09/23 Python
聊聊python在linux下与windows下导入模块的区别说明
2021/03/03 Python
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
2014/04/03 HTML / CSS
实例讲解使用HTML5 Canvas绘制阴影效果的方法
2016/03/25 HTML / CSS
基于canvas的骨骼动画的示例代码
2018/06/12 HTML / CSS
FOREO官方网站:LUNA露娜洁面仪
2016/11/28 全球购物
综合实践教学反思
2014/01/31 职场文书
企业宣传策划方案
2014/05/29 职场文书
2014年党员学习“三严三实”思想汇报
2014/09/15 职场文书
2014县政府领导班子对照检查材料思想汇报
2014/09/25 职场文书
校园广播稿100字
2014/10/06 职场文书
井冈山红色之旅心得体会
2014/10/07 职场文书
放假通知
2015/04/14 职场文书
家电创业计划书
2019/08/05 职场文书
导游词之澳门玫瑰圣母堂
2019/12/03 职场文书
通过Python把学姐照片做成拼图游戏
2022/02/15 Python