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 子窗体父窗体相互传值方法
May 31 Javascript
javascript日期格式化示例分享
Mar 05 Javascript
如何写好你的JavaScript【推荐】
Mar 02 Javascript
Vue2.0 从零开始_环境搭建操作步骤
Jun 14 Javascript
JS传播事件、取消事件默认行为、阻止事件传播详解
Aug 14 Javascript
通俗解释JavaScript正则表达式快速记忆
Aug 23 Javascript
浅谈vuex 闲置状态重置方案
Jan 04 Javascript
对vue中v-on绑定自定事件的实例讲解
Sep 06 Javascript
Vue实现类似Spring官网图片滑动效果方法
Mar 01 Javascript
基于vue实现web端超大数据量表格的卡顿解决
Apr 02 Javascript
jQuery实现回到顶部效果
Oct 19 jQuery
vue 全局封装loading加载教程(全局监听)
Nov 05 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
玩转图像函数库―常见图形操作
2006/09/03 PHP
Linux下ZendOptimizer的安装与配置方法
2007/04/12 PHP
PHP字符串 ==比较运算符的副作用
2009/10/21 PHP
ThinkPHP文件缓存类代码分享
2015/04/22 PHP
浅谈本地WAMP环境的搭建
2015/05/13 PHP
Symfony2学习笔记之系统路由详解
2016/03/17 PHP
jquery的颜色选择插件实例代码
2008/10/02 Javascript
Javascript之旅 对象的原型链之由来
2010/08/25 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
jquery中邮箱地址 URL网站地址正则验证实例代码
2013/09/15 Javascript
javascript中声明函数的方法及调用函数的返回值
2014/07/22 Javascript
js使用cookie记录用户名的方法
2015/11/26 Javascript
分享js粘帖屏幕截图到web页面插件screenshot-paste
2020/08/21 Javascript
jQuery实现圣诞节礼物动画案例解析
2016/12/25 Javascript
jQuery插件开发发送短信倒计时功能代码
2017/05/09 jQuery
在vue项目中引入highcharts图表的方法(详解)
2018/03/05 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
2019/02/02 Javascript
JavaScript实现简单随机点名器
2019/11/21 Javascript
Node.js中console.log()输出彩色字体的方法示例
2019/12/01 Javascript
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
2020/08/04 Javascript
Python win32com 操作Exce的l简单方法(必看)
2017/05/25 Python
通过实例了解python property属性
2019/11/01 Python
pycharm显示远程图片的实现
2019/11/04 Python
PyTorch加载自己的数据集实例详解
2020/03/18 Python
python中逻辑与或(and、or)和按位与或异或(&、|、^)区别
2020/08/05 Python
Python3如何在服务器打印资产信息
2020/08/27 Python
python dir函数快速掌握用法技巧
2020/12/09 Python
HTML5之tabindex属性全面解析
2016/07/07 HTML / CSS
好药师网上药店:安全合法的网上药品零售药房
2017/02/15 全球购物
如何启动时不需输入用户名与密码
2014/05/09 面试题
求职自荐信格式
2013/12/04 职场文书
厨师长岗位职责
2014/03/02 职场文书
遵纪守法演讲稿
2014/05/23 职场文书
乡镇爱国卫生月活动总结
2014/06/25 职场文书
优秀教师先进材料
2014/12/16 职场文书
毕业生党员个人总结
2015/02/14 职场文书