`

光标选中,兼容IE FIREFOX CHROME

 
阅读更多
//光标选中,兼容IE FF chrome
function focusAll(id){
	var el = $(id);
	var len = el.value.length;
	focus(id,0,len);
}
function focus(id,start,end){
	var el = $(id);
	if(el.createTextRange){
		var Range=el.createTextRange();
		Range.collapse();
		Range.moveEnd('character',end);
		Range.moveStart('character',start);
		Range.select();
	}
	else if(el.setSelectionRange){
        el.focus();  
        el.setSelectionRange(start,end);  //设光标 
    }
}

 

分享到:
评论

相关推荐

    获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍

    由于不同浏览器(如IE、Firefox和Chrome)之间存在兼容性差异,因此统一实现这一功能具有一定的挑战性。本文将介绍如何在IE、Firefox和Chrome中获取div编辑框、textarea和input text光标位置的方法,并提供相应的...

    js操作textarea方法集合封装(兼容IE,firefox)

    需要注意的是,在实现以上方法时,测试了包括IE6, IE8, Firefox, Chrome, Opera和Safari在内的多种浏览器,并声明兼容性没有问题。特别指出,在Firefox中,当添加字符串时,滚动条的scrollTop可能异常地被置为0。这...

    基于jQuery的输入框在光标位置插入内容, 并选中

    在非IE浏览器(如Chrome、Firefox)中,可以通过`selectionStart`和`selectionEnd`属性来获取当前选中文本的起始和结束位置。这两个属性分别表示输入框中当前选中文本的起始和结束字符索引。在IE浏览器中,由于不...

    IE浏览器使用技巧30招.docx

    不过需要注意的是,随着技术的发展,许多用户已经转向使用其他现代浏览器,如Chrome、Firefox等,这些浏览器可能提供了更多功能和更好的性能。但对于仍然使用IE7.0或者需要处理特定兼容性问题的用户来说,掌握这些...

    js获取光标位置和设置文本框光标位置示例代码

    在不同的浏览器中,处理光标位置的方法有所不同,主要分为IE浏览器和其他非IE浏览器(如Chrome、Firefox)。 1. **获取光标位置** 对于非IE浏览器,如Chrome和Firefox,可以使用`selectionStart`属性来获取光标...

    Javascript实现获取及设置光标位置的方法

    对于支持`setSelectionRange`属性的浏览器(如Firefox、Chrome等),可以通过直接设置此属性来移动光标到指定位置。`setSelectionRange`方法接受两个参数,第一个参数是选区的起始位置,第二个参数是结束位置,如果...

    jQuery设置聚焦并使光标位置在文字最后的实现方法

    2. 对于现代浏览器(如Firefox、Chrome、Safari等),使用`setSelectionRange`方法,它接受两个参数:开始和结束位置,然后调用`focus`方法将输入框聚焦。 为了方便使用,我们还提供了一个`.focusEnd()`函数,它...

    js封装的textarea操作方法集合(兼容很好)

    本代码集合对IE6, IE8, Firefox, Chrome, Opera以及Safari等主流浏览器进行了测试,保证了较好的兼容性。 从描述部分可以看出,本文面向的读者是需要操作textarea的前端开发人员,它强调代码的易用性和集成功能。...

    js TextArea的选中区域处理

    在非IE浏览器(如Firefox、Chrome)中,`TextArea`对象提供了两个属性:`selectionStart`和`selectionEnd`,用于获取选中区域的起始和结束位置。例如,`textarea.selectionStart`会返回选中区域的起始字符索引。然而...

    将光标定位到textarea的某一行的javascript代码

    对于其他非IE浏览器,如Firefox、Chrome等,可以使用`setSelectionRange()`或`selectionStart`和`selectionEnd`属性来实现相同的功能。不过,这些方法在跨浏览器兼容性上会有所不同,所以在实际开发中,可能需要使用...

    javascript控制在光标位置插入文字适合表情的插入

    而在不支持document.selection的浏览器(如Firefox,Chrome等),则需要利用selectionStart和selectionEnd属性来获取选区的起始和结束位置,并通过字符串拼接的方式来实现插入。 以下是详细步骤说明: 1. 获取...

    js操作textarea 常用方法总结

    本文将总结一些常用的JavaScript操作textarea的方法,这些方法可以在各种主流浏览器中使用,并通过实际测试验证了兼容性,包括IE6、IE8、Firefox、Chrome、Opera和Safari。 首先,需要了解textarea元素在DOM中的...

    jQuery插件datalist实现很好看的input下拉列表

    本文所介绍的插件兼容性良好,覆盖了IE8及以上版本的浏览器、Firefox和Chrome等现代浏览器。 关于插件的具体使用方法,文章中展示了HTML结构和JavaScript的调用方式。其中,HTML部分创建了一个文本输入框和一个隐藏...

    编辑器 KindEditor 4.0.4

    兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera ver 4.0.4 (2011-12-11) 新增: 阿拉伯语语言包。 改善: 上传文件时显示上传中提示。 改善: JSON解析失败时,通过弹出层显示服务器返回...

    createTextRange()的使用示例含文本框选中部分文字内容

    然而,需要注意的是,由于 `createTextRange()` 是 IE 特有的,对于其他浏览器,如 Chrome、Firefox 或 Safari,需要使用 W3C 标准的 `Range` 和 `Selection` API 来实现类似的功能。 总的来说,`createTextRange()...

    JS将光标聚焦在文本最后的实现代码

    7. **跨浏览器兼容性问题**: 上述实现主要针对IE浏览器,其他浏览器如Firefox、Chrome等,使用的是不同的DOM属性和方法来实现光标定位。例如,在现代浏览器中,我们通常会使用`setSelectionRange`方法来设置输入框的...

    KODExplorer 芒果云-资源管理器

    [关于兼容性] 建议使用chrome firefox ie9+ 体验更完整。ie8以下基本上不做兼容处理。chrome支持文件夹拖拽上传。 [文件打开] office文件在线预览功能,服务器必须在公网(外部能访问该服务器) [忘记密码] 修改data...

    js操作word、excel.pdf

    由于这个特性是IE特有的,所以在其他非IE浏览器(如Chrome、Firefox)中不可用。代码中的`new ActiveXObject("Word.Application")`就是创建了一个Word应用对象,可以用来打开、编辑和保存Word文档。 2. **Word对象...

    javascript 设置文本框中焦点的位置

    需要注意的是,`createTextRange`方法仅在IE浏览器中可用,对于其他现代浏览器(如Chrome、Firefox等),需要采用不同的方法来设置焦点位置。一种通用的方法是使用`setSelectionRange`方法,示例如下: ```...

Global site tag (gtag.js) - Google Analytics