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 相关文章推荐
JavaScript 滚轮事件使用说明
Mar 07 Javascript
一些常用的JavaScript函数(json)附详细说明
May 25 Javascript
JQuery获取浏览器窗口内容部分高度的代码
Feb 24 Javascript
jQuery实现form表单reset按钮重置清空表单功能
Dec 18 Javascript
jQuery实现当按下回车键时绑定点击事件
Jan 28 Javascript
javascript的push使用指南
Dec 05 Javascript
九种原生js动画效果
Nov 11 Javascript
浅析BootStrap栅格系统
Jun 07 Javascript
对Angular.js Controller如何进行单元测试
Oct 25 Javascript
echarts3 使用总结(绘制各种图表,地图)
Jan 05 Javascript
Vue实现手机扫描二维码预览页面效果
May 28 Javascript
JavaScript原型链中函数和对象的理解
Jun 16 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
PHP父类调用子类方法的代码例子
2014/04/09 PHP
PHP 正则表达式小结
2015/02/12 PHP
PHP使用pear自带的mail类库发邮件的方法
2015/07/08 PHP
jQuery Ajax 全解析
2009/02/08 Javascript
TreeView 用法(有代码)(asp.net)
2011/07/15 Javascript
javascript操作JSON的要领总结
2012/12/09 Javascript
js replace 与replaceall实例用法详解
2013/08/03 Javascript
JavaScript打印iframe内容示例代码
2013/08/20 Javascript
js substring从右边获取指定长度字符串(示例代码)
2013/12/23 Javascript
jquery遍历checkbox的注意事项说明
2014/02/21 Javascript
ext中store.load跟store.reload的区别示例介绍
2014/06/17 Javascript
html文档中的location对象属性理解及常见的用法
2014/08/13 Javascript
JS实现的竖向折叠菜单代码
2015/10/21 Javascript
分享JavaScript监听全部Ajax请求事件的方法
2016/08/28 Javascript
js实现不提示直接关闭网页窗口
2017/03/30 Javascript
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
2017/06/09 jQuery
JS中mouseup事件丢失的原因与解决办法
2017/06/14 Javascript
AngularJS实现的2048小游戏功能【附源码下载】
2018/01/03 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
2019/08/06 Javascript
js简单的分页器插件代码实例
2019/09/11 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
JavaScript仿京东秒杀倒计时
2020/03/17 Javascript
解决vue net :ERR_CONNECTION_REFUSED报错问题
2020/08/13 Javascript
python中base64加密解密方法实例分析
2015/05/16 Python
Python在Console下显示文本进度条的方法
2016/02/14 Python
Python3和pyqt5实现控件数据动态显示方式
2019/12/13 Python
Python 跨.py文件调用自定义函数说明
2020/06/01 Python
波兰电子产品购物网站:Vobis
2019/05/26 全球购物
成考报名单位证明范本
2014/01/16 职场文书
校运会广播稿100字
2014/01/27 职场文书
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
考试作弊万能检讨书
2014/10/19 职场文书
基层党支部承诺书
2015/04/30 职场文书
2015年乡镇卫生院妇幼保健工作总结
2015/05/19 职场文书
MySQL数据库中varchar类型的数字比较大小的方法
2021/11/17 MySQL
世界十大狙击步枪排行榜
2022/03/20 杂记