JavaScript 选中文字并响应获取的实现代码


Posted in Javascript onAugust 28, 2011

本人不怎么会写JS,但是会搜索,这里找到了些别人写好的东西:

select(document, tanchu); 
/*=select[[ 
* 
* 跨浏览器选中文字事件 
* @param 
* object o 响应选中事件的DOM对象,required 
* function fn(sText,target,mouseP)选中文字非空时的回调函数,required 
* |-@param 
* |-sText 选中的文字内容 
* |-target 触发mouseup事件的元素 
* |-mouseP 触发mouseup事件时鼠标坐标 
*/ 
function select(o, fn){ 
o.onmouseup = function(e){ 
var event = window.event || e; 
var target = event.srcElement ? event.srcElement : event.target; 
if (/input|textarea/i.test(target.tagName) && /firefox/i.test(navigator.userAgent)) { 
//Firefox在文本框内选择文字 
var staIndex=target.selectionStart; 
var endIndex=target.selectionEnd; 
if(staIndex!=endIndex){ 
var sText=target.value.substring(staIndex,endIndex); 
fn(sText,target); 
} 
} 
else{ 
//获取选中文字 
var sText = document.selection == undefined ? document.getSelection().toString():document.selection.createRange().text; 
if (sText != "") { 
//将参数传入回调函数fn 
fn(sText, target); 
} 
} 
} 
} 
/*]]select=*/ 
function tanchu(txt,tar){ 
alert("文字属于"+tar.tagName+"元素,选中内容为:"+txt); 
}

 原作者见:http://momomolice.com/wordpress/archives/420.html

附:只获得选取的文字的代码(不响应该事件)

function getSelectedText() 
{ 
if (window.getSelection) 
{ // This technique is the most likely to be standardized. 
// getSelection() returns a Selection object, which we do not document. 
return window.getSelection().toString(); 
} 
else if (document.getSelection) 
{ 
// This is an older, simpler technique that returns a string 
return document.getSelection(); 
} 
else if (document.selection) 
{ 
// This is the IE-specific technique. 
// We do not document the IE selection property or TextRange objects. 
return document.selection.createRange().text; 
} 
}

函数运行后会将选取的文字返回出来。

原作者已不可考。。。

Javascript 相关文章推荐
asp批量修改记录的代码
Jun 25 Javascript
JS 创建对象(常见的几种方法)
Nov 03 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
Oct 23 Javascript
引用外部脚本时script标签关闭的写法
Jan 20 Javascript
jQuery绑定事件不执行但alert后可以正常执行
Jun 03 Javascript
Javascript 绘制 sin 曲线过程附图
Aug 21 Javascript
JS去除重复并统计数量的实现方法
Dec 15 Javascript
webpack入门必知必会
Jan 16 Javascript
微信小程序之GET请求的实例详解
Sep 29 Javascript
vue cli升级webapck4总结
Apr 04 Javascript
JavaScript面向对象中接口实现方法详解
Jul 24 Javascript
使用js获取身份证年龄的示例代码
Dec 11 Javascript
js预载入和JavaScript Image()对象使用介绍
Aug 28 #Javascript
jquery 查找iframe父级页面元素的实现代码
Aug 28 #Javascript
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
Aug 28 #Javascript
一个JQuery写的点击上下滚动的小例子
Aug 27 #Javascript
JavaScript 原型继承之构造函数继承
Aug 26 #Javascript
JavaScript原型继承之基础机制分析
Aug 26 #Javascript
自己动手开发jQuery插件教程
Aug 25 #Javascript
You might like
叶罗丽:为什么大家对颜冰这对CP非常关心,却对金茉两人十分冷漠
2020/03/17 国漫
php中邮箱地址正则表达式实现与详解
2012/04/24 PHP
PHP标准类(stdclass)用法示例
2016/09/28 PHP
让whoops帮我们告别ThinkPHP6的异常页面
2020/03/02 PHP
JavaScript中“+=”的应用
2007/02/02 Javascript
浅析JavaScript回调函数应用
2016/05/22 Javascript
详解JavaScript数组过滤相同元素的5种方法
2017/05/23 Javascript
Vue.js弹出模态框组件开发的示例代码
2017/07/26 Javascript
vue axios同步请求解决方案
2017/09/29 Javascript
VueJs组件之父子通讯的方式
2018/05/06 Javascript
vue和webpack安装命令详解
2018/06/15 Javascript
JS实现把一个页面层数据传递到另一个页面的两种方式
2018/08/13 Javascript
Vue 中使用富文本编译器wangEditor3的方法
2019/09/26 Javascript
JS代码优化的8点建议
2020/02/04 Javascript
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
Python文件和目录操作详解
2015/02/08 Python
python创建和删除目录的方法
2015/04/29 Python
python修改操作系统时间的方法
2015/05/18 Python
Python中使用bidict模块双向字典结构的奇技淫巧
2016/07/12 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
Python通过正则库爬取淘宝商品信息代码实例
2020/03/02 Python
Python selenium环境搭建实现过程解析
2020/09/08 Python
用60行代码实现Python自动抢微信红包
2021/02/04 Python
H&M美国官网:欧洲最大的服饰零售商
2016/09/07 全球购物
lululemon美国官网:瑜伽服+跑步装备
2018/11/16 全球购物
HOTEL INFO英国:搜索全球酒店
2019/08/08 全球购物
Vilebrequin美国官方网上商店:法国豪华泳装品牌
2020/02/22 全球购物
俄罗斯购买内衣网站:Trusiki
2020/08/22 全球购物
培训主管的岗位职责
2013/11/23 职场文书
《鸟的天堂》教学反思
2014/02/27 职场文书
小学一年级学生评语
2014/04/22 职场文书
给学校建议书范文
2014/05/13 职场文书
个人收入证明范本
2014/09/18 职场文书
2014年助理工程师工作总结
2014/11/14 职场文书
2015年语言文字工作总结
2015/07/23 职场文书
PyTorch的Debug指南
2021/05/07 Python