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编程起步(第六课)
Jan 10 Javascript
Jquery 基础学习笔记
May 29 Javascript
javascript实现仿IE顶部的可关闭警告条
May 05 Javascript
JavaScript中的对象与JSON
Jul 03 Javascript
高效利用Angular中内置服务$http、$location等
Mar 22 Javascript
jQuery实现弹出窗口弹出div层的实例代码
Jan 09 Javascript
jquery拼接ajax 的json和字符串拼接的方法
Mar 11 Javascript
JS实现键值对遍历json数组功能示例
May 30 Javascript
node版本管理工具n包使用教程详解
Nov 09 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
Dec 03 Javascript
js实现无刷新监听URL的变化示例代码详解
Jun 03 Javascript
Openlayers绘制聚合标注
Sep 28 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 ob_start()控制浏览器cache、生成html实现代码
2010/02/16 PHP
用php实现选择排序的解决方法
2013/05/04 PHP
ThinkPHP 404页面的设置方法
2015/01/14 PHP
PHP中常用的数组操作方法笔记整理
2016/05/16 PHP
Gambit vs ForZe BO3 第三场 2.13
2021/03/10 DOTA
国外Lightbox v2.03.3 最新版 下载
2007/10/17 Javascript
JQuery中的$.getJSON 使用说明
2011/03/10 Javascript
node.js WEB开发中图片验证码的实现方法
2014/06/03 Javascript
PHP和NodeJs开发的应用如何共用Session
2015/04/16 NodeJs
javascript+HTML5 Canvas绘制转盘抽奖
2020/05/16 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
2018/02/08 Javascript
微信小程序项目实践之验证码倒计时功能
2018/07/18 Javascript
基于vue实现一个禅道主页拖拽效果
2019/05/27 Javascript
微信小程序实现锚点功能
2019/11/20 Javascript
Webpack中SplitChunksPlugin 配置参数详解
2020/03/24 Javascript
JavaScript变量Dom对象的所有属性
2020/04/30 Javascript
如何构建 vue-ssr 项目的方法步骤
2020/08/04 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
2020/08/12 Javascript
OpenLayers实现图层切换控件
2020/09/25 Javascript
如何在现代JavaScript中编写异步任务
2021/01/31 Javascript
[00:56]2014DOTA2国际邀请赛 DK、iG 赛前探访
2014/07/10 DOTA
[01:08:32]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第二场 1月18日
2021/03/11 DOTA
Python常用列表数据结构小结
2014/08/06 Python
Python标准库之循环器(itertools)介绍
2014/11/25 Python
Windows下为Python安装Matplotlib模块
2015/11/06 Python
详解Python的Flask框架中的signals信号机制
2016/06/13 Python
基于Python实现对PDF文件的OCR识别
2016/08/05 Python
python实现简易内存监控
2018/06/21 Python
详解多线程Django程序耗尽数据库连接的问题
2018/10/08 Python
基于Python实现迪杰斯特拉和弗洛伊德算法
2020/05/27 Python
python使用celery实现异步任务执行的例子
2019/08/28 Python
亚洲最大的运动鞋寄售店:KicksCrew
2020/11/26 全球购物
介绍Ibatis的核心类
2013/11/18 面试题
自荐书范文范例
2014/02/13 职场文书
人事专员岗位说明书
2014/07/29 职场文书
党务工作者主要事迹材料
2015/11/03 职场文书