使用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 相关文章推荐
javascript之ESC(第二类混淆)
May 06 Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
Jul 06 Javascript
js 链式延迟执行DOME
Jan 04 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
Feb 06 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
Mar 31 Javascript
jQuery表格插件datatables用法详解
Nov 23 Javascript
轻松实现js图片预览功能
Jan 18 Javascript
基于JavaScript实现在新的tab页打开url
Aug 04 Javascript
Bootstrap table表格简单操作
Feb 07 Javascript
使用JavaScript实现链表的数据结构的代码
Aug 02 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
Feb 19 Javascript
基于Vue.js+Nuxt开发自定义弹出层组件
Oct 09 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学习之运算符相关概念
2011/06/09 PHP
PHP flock 文件锁详细介绍
2012/12/29 PHP
PHP判断手机是IOS还是Android
2015/12/09 PHP
详解Yii2 定制表单输入字段的标签和样式
2017/01/04 PHP
老生常谈PHP中的数据结构:DS扩展
2017/07/17 PHP
php+ajax 文件上传代码实例
2019/03/18 PHP
基于PHP+Mysql简单实现了图书购物车系统的实例详解
2020/08/06 PHP
JQUERY THICKBOX弹出层插件
2008/08/30 Javascript
javascript 类型判断代码分析
2010/03/28 Javascript
jQuery编程中的一些核心方法简介
2015/08/14 Javascript
jquery常用的12个小功能
2016/07/22 Javascript
js事件委托和事件代理案例分享
2017/07/25 Javascript
Vue注册组件命名时不能用大写的原因浅析
2019/04/25 Javascript
基于vue实现图片验证码倒计时60s功能
2019/12/10 Javascript
OpenLayers3实现对地图的基本操作
2020/09/28 Javascript
详解Vue.js 可拖放文本框组件的使用
2021/03/03 Vue.js
python发布模块的步骤分享
2014/02/21 Python
python小技巧之批量抓取美女图片
2014/06/06 Python
Python中使用partial改变方法默认参数实例
2015/04/28 Python
python MysqlDb模块安装及其使用详解
2018/02/23 Python
TensorFlow实现AutoEncoder自编码器
2018/03/09 Python
pycharm创建scrapy项目教程及遇到的坑解析
2019/08/15 Python
python使用梯度下降算法实现一个多线性回归
2020/03/24 Python
jupyter notebook tensorflow打印device信息实例
2020/04/20 Python
Python 发送邮件方法总结
2020/08/10 Python
HTML5利用约束验证API来检查表单的输入数据的代码实例
2016/12/20 HTML / CSS
英国空调、除湿机和通风设备排名第一:Air Con Centre
2019/02/25 全球购物
ECOSUSI官网:女式皮革背包
2019/09/27 全球购物
PHP经典面试题
2016/09/03 面试题
法警的竞聘演讲稿
2014/01/02 职场文书
售后服务承诺书范文
2014/03/26 职场文书
商务宴会祝酒词
2015/08/11 职场文书
2016春季小学开学寄语
2015/12/03 职场文书
七年级作文之《我和我的祖国》观后感作文
2019/10/18 职场文书
Python文件的操作示例的详细讲解
2021/04/08 Python
html中显示特殊符号(附带特殊字符对应表)
2021/06/21 HTML / CSS