js操作输入框中选择内容兼容IE及其他主流浏览器


Posted in Javascript onApril 22, 2014

工作中遇到需要给输入框中选中的内容增加超链接

function addHref(des){ 
var selectedText=""; 
if(window.getSelection&&des != undefined){//兼容非IE浏览器,由于非IE浏览器需要给定操作的元素ID才可以获取输入元素中选中的内容,因此需要输入ID var textField=document.getElementById(des); 
var selectionStart=textField.selectionStart; 
var selectionEnd=textField.selectionEnd; 
if(selectionStart != undefined && selectionEnd != undefined){ 
selectedText=textField.value.substring(selectionStart,selectionEnd); 
} 
if(selectedText==""){ 
alert("请选择需要添加链接的文字!"); 
return; 
} 
var hyperlinks=prompt("超链接地址:",""); 
if(hyperlinks!=null){ 
var replaceString="<a href='"+hyperlinks+"' target='_blank'><b><u><font color='#686600'>" + selectedText + "</font></u></b></a>"; 
tmpStr=textField.value; 
textField.value=tmpStr.substring(0,selectionStart)+replaceString+tmpStr.substring(selectionEnd,tmpStr.length); 
} 
} 
else if((document.selection)&&(document.selection.type == "Text")){//IE中不需要ID 
var range=document.selection.createRange(); 
var formerElement=range.parentElement(); 
if(formerElement.tagName!="TEXTAREA"){ 
alert("请在指定位置选择需要添加超链接的文字!"); 
return; 
} 
selectedText=range.text; 
var hyperlinks=prompt("超链接地址:",""); 
if(hyperlinks!=null){ 
range.text="<a href='"+hyperlinks+"' target='_blank'><b><u><font color='#686600'>" + selectedText + "</font></u></b></a>"; 
} 
} 
else{ 
alert("请选择需要添加链接的文字!"); 
return; 
} 
}
Javascript 相关文章推荐
js 新浪的一个图片播放图片轮换效果代码
Jul 15 Javascript
33种Javascript 表格排序控件收集
Dec 03 Javascript
Javascript Request获取请求参数如何实现
Nov 28 Javascript
javascript 用函数语句和表达式定义函数的区别详解
Jan 06 Javascript
javascript日期对象格式化为字符串的实现方法
Jan 14 Javascript
JS将光标聚焦在文本最后的实现代码
Mar 28 Javascript
IE 下Enter提交表单存在重复提交问题的解决方法
May 04 Javascript
jquery通过load获取文件的内容并跳到锚点的方法
Jan 29 Javascript
表单中单选框添加选项和移除选项
Jul 04 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
Dec 31 Javascript
前端分页功能的实现以及原理(jQuery)
Jan 22 Javascript
Element Steps步骤条的使用方法
Jul 26 Javascript
jquery分页插件jpaginate在IE中不兼容问题
Apr 22 #Javascript
jquery防止重复执行动画避免页面混乱
Apr 22 #Javascript
Area 区域实现post提交数据的js写法
Apr 22 #Javascript
div失去焦点事件实现思路
Apr 22 #Javascript
js隐式全局变量造成的bug示例代码
Apr 22 #Javascript
JavaScript实现的图像模糊算法代码分享
Apr 22 #Javascript
JavaScript闭包实例讲解
Apr 22 #Javascript
You might like
在PHP3中实现SESSION的功能(三)
2006/10/09 PHP
php中mt_rand()随机数函数用法
2014/11/24 PHP
Codeigniter发送邮件的方法
2015/03/19 PHP
ThinkPHP like模糊查询,like多匹配查询,between查询,in查询,一般查询书写方法
2018/09/26 PHP
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
2019/04/15 PHP
PHP实现获取url地址中顶级域名的方法示例
2019/06/05 PHP
Javascript遍历table中的元素示例代码
2014/07/08 Javascript
简单的jquery左侧导航栏和页面选中效果
2014/08/21 Javascript
javascript常用方法汇总
2014/12/02 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
2015/08/24 Javascript
JavaScript文本框脚本编写的注意事项
2016/01/25 Javascript
详解jQuery中的DOM操作
2016/12/23 Javascript
详解JavaScript常量定义
2017/01/03 Javascript
javascript设计模式之模块模式学习笔记
2017/02/15 Javascript
无法获取隐藏元素宽度和高度的解决方案
2017/03/07 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
2017/03/08 Javascript
Vue父子组件之间的通信实例详解
2018/09/28 Javascript
Vue中遍历数组的新方法实例详解
2019/07/21 Javascript
在Chrome DevTools中调试JavaScript的实现
2020/04/07 Javascript
手动实现vue2.0的双向数据绑定原理详解
2021/02/06 Vue.js
python数据结构之图的实现方法
2015/07/08 Python
python将秒数转化为时间格式的实例
2018/09/16 Python
Python类如何定义私有变量
2020/02/03 Python
纯HTML5+CSS3制作图片旋转
2016/01/12 HTML / CSS
深入理解HTML5定时器requestAnimationFrame的使用
2018/12/12 HTML / CSS
运动会通讯稿300字
2014/02/02 职场文书
美丽乡村建设实施方案
2014/03/23 职场文书
三八妇女节趣味活动方案
2014/08/23 职场文书
镇政府副镇长群众路线专题民主生活会对照检查材料
2014/09/19 职场文书
关于运动会的广播稿50字
2014/10/17 职场文书
2014年招商工作总结
2014/11/22 职场文书
煤矿安全保证书
2015/02/27 职场文书
银行客户经理岗位职责
2015/04/09 职场文书
2016年会开场白台词
2015/06/01 职场文书
2016大学生国家助学贷款承诺书
2016/03/25 职场文书
python glom模块的使用简介
2021/04/13 Python