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 相关文章推荐
jquery 操作单选框,复选框,下拉列表实现代码
Oct 27 Javascript
jquery 无限级联菜单案例分享
Mar 26 Javascript
解析JavaScript中delete操作符不能删除的对象
Dec 03 Javascript
angularjs指令中的compile与link函数详解
Dec 06 Javascript
浅谈下拉菜单中的Option对象
May 10 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
Jul 08 Javascript
轮播的简单实现方法
Jul 28 Javascript
JS中from 表单序列化提交的代码
Jan 20 Javascript
vue router 源码概览案例分析
Oct 09 Javascript
命令行批量截图Node脚本示例代码
Jan 25 Javascript
vue使用vuex实现首页导航切换不同路由的方法
May 08 Javascript
微信小程序使用字体图标的方法
May 23 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中的extract的作用分析
2008/04/09 PHP
解析PHP实现下载文件的两种方法
2013/07/05 PHP
php实现格式化多行文本为Js可用格式
2015/04/15 PHP
PHP简单日历实现方法
2016/07/20 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
使用JQuery和s3captche实现一个水果名字的验证
2009/08/14 Javascript
一个收集图片的bookmarlet(js 刷新页面中的图片)
2010/05/27 Javascript
Jquery下:nth-child(an+b)的使用注意
2011/05/28 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
2013/11/15 Javascript
jQuery实现折线图的方法
2015/02/28 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
JS编写函数实现对身份证号码最后一位的验证功能
2016/12/29 Javascript
原生js实现秒表计时器功能
2017/02/16 Javascript
jQuery实现select下拉框获取当前选中文本、值、索引
2017/05/08 jQuery
基于vue+ bootstrap实现图片上传图片展示功能
2017/05/17 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
2017/09/19 Javascript
iview中Select 选择器多选校验方法
2018/03/15 Javascript
vue 源码解析之虚拟Dom-render
2019/08/26 Javascript
解决axios post 后端无法接收数据的问题
2019/10/29 Javascript
Python提取Linux内核源代码的目录结构实现方法
2016/06/24 Python
python中print的不换行即时输出的快速解决方法
2016/07/20 Python
Python书单 不将就
2017/07/11 Python
Python 隐藏输入密码时屏幕回显的实例
2019/02/19 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
Python综合应用名片管理系统案例详解
2020/01/03 Python
python查找特定名称文件并按序号、文件名分行打印输出的方法
2020/04/24 Python
详解如何在css3打包后自动追加前缀插件:autoprefixer
2018/12/18 HTML / CSS
Etam德国:内衣精品店
2019/08/25 全球购物
Final类有什么特点
2012/04/25 面试题
精彩的推荐信范文
2013/11/26 职场文书
党章学习思想汇报
2014/01/14 职场文书
教师年度考核个人总结
2015/02/12 职场文书
编写python程序的90条建议
2021/04/14 Python
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏
Go中使用gjson来操作JSON数据的实现
2022/08/14 Golang