`
sfgeeq1987
  • 浏览: 19405 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

兼容IE、火狐、chrome浏览器的onfocus时将光标定位在最后

 
阅读更多

<script type="text/javascript">

function getObj(id) {

    return document.getElementById(id);

}

function toEnd (){
    var obj = event.srcElement ? event.srcElement : event.target;
    if (obj.createTextRange) {//IE浏览器
       var range = obj.createTextRange();
       range.moveStart("character", getObj('board').value.length);
       range.collapse(true);
       range.select();
    } else {//非IE浏览器
       obj.setSelectionRange(getObj('board').value.length, getObj('board').value.length);
       obj.focus();
    }
    }

</script>

<input type="text" onfocus="toEnd()" value="xiaoxiao" id="board">

 

 

此函数同时可以转换为默认选中一行字

IE下需要添加:

range.moveStart(开始位置);

range.moveEnd(结束位置);

非IE:修改如下

obj.setSelectionRange(开始位置,结束位置);

分享到:
评论

相关推荐

    input框中出现提示文字(兼容ie 火狐 谷歌)

    附件中的"input框中出现提示文字(兼容ie 火狐 谷歌)"可能包含了一个JavaScript或者jQuery的解决方案,旨在为旧版IE、火狐和谷歌浏览器提供一致的提示文字功能。 在IE8及以下版本,我们可以使用传统的JavaScript...

    IF、FF兼容,TextBox获得焦点后,光标停在最后

    总的来说,这段代码提供了一个跨浏览器的解决方案,确保在Internet Explorer和Firefox中,当TextBox获得焦点时,光标都能正确地停在文本的最后。通过利用`createTextRange`和`setSelectionRange`两种不同的方法,...

    兼容IE7、IE8、IE9的input type=&quot;number&quot;插件

    在提供的压缩包文件"Firefox和IE对input number的兼容"中,可能包含了实现这种兼容性的源代码、示例页面、CSS样式以及测试用例。开发者可以参考这些资源来理解和应用这个插件,或者作为自定义兼容解决方案的基础。 ...

    js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)

    本文将深入探讨如何编写兼容多浏览器(如IE6/7/8、Firefox和Chrome)的回车键和鼠标焦点事件处理代码。 首先,让我们分析给出的代码片段。这是一个简单的文本输入框,当用户按下回车键时触发搜索事件。文本框的HTML...

    解决onfocus()获取不到光标的5种解决方法

    如果你在尝试了onfocus,却没有获到光标,可以看看这几种方法,onfocus()获取不到光标的5种解决方法。希望可以帮到大家!

    兼容多种IE的javascript日期控件

    在IT行业中,网页开发经常会遇到跨浏览器兼容性问题,尤其是涉及到JavaScript时。"兼容多种IE的javascript日期控件"这个主题就是针对这个问题的一个解决方案。它是一个经过改造的calendar日期控件,旨在确保在不同...

    Chrome浏览器的自动保存密码提示功能禁用方法

    IE和Firefox在遇到`autocomplete="off"`时,会避免提示用户保存密码,但在Chrome浏览器中,即使设置了这个属性,仍然会在用户输入密码后显示保存密码的提示。 为了解决这个问题,我们可以采用一种巧妙的技巧来规避...

    CSS浏览器的兼容问题

    - **Firefox及其他现代浏览器下的解决方案**: ```css .transparent-bg { -moz-opacity: 0.60; opacity: 0.60; } ``` ##### 3. DIV的垂直居中问题 - **垂直居中技巧**: ```css .center-vertical { ...

    最全的CSS浏览器的兼容问题

    本文将针对这些问题提供一系列解决方案,并重点介绍IE6/7与Firefox等主流浏览器下的兼容性处理方法。 #### 二、去除a链接的虚线框 在网页中,当用户使用键盘导航或访问过链接时,默认情况下链接周围会出现一个虚线...

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

    在非IE浏览器中,如Chrome、Firefox、Safari等,应使用`Selection`和`Range`对象来实现相同的功能。例如,可以使用`window.getSelection()`和`Range`来替换上面的`TextRange`部分,以实现跨浏览器兼容的光标定位。 ...

    兼容各浏览器 CSS回到顶部代码

    - 测试在不同版本的主流浏览器(如Chrome、Firefox、Safari等)上的表现。 #### 四、优化建议 - **响应式设计**:考虑到不同设备屏幕尺寸的差异,可以使用媒体查询来调整按钮的位置和大小。 - **JavaScript增强**:...

    修改js Calendar日历控件 兼容IE9/谷歌/火狐

    修改Calendar日历控件 兼容IE9,谷歌,火狐。 只是能用,出现的位置有所不同,希望有高手再帮我改改吧,谢谢 一、 代码如下: this.iframe = window.frames(”meizzCalendarIframe”); 修改为 代码如下: this....

    FireFox火狐浏览器与IE兼容问题 - 透明滤镜 DIV滚动条

    FireFox火狐浏览器与IE兼容问题 - 透明滤镜 DIV滚动条 FireFox火狐浏览器与IE浏览器之间存在着一些兼容问题,这些问题可能会对网站的开发和维护产生影响。下面是关于FireFox火狐浏览器与IE浏览器兼容问题的总结: ...

    浏览器事件大全.txt

    - **定义**:当鼠标在元素范围内移动时触发。 - **兼容性**:IE4、N4。 - **应用场景**:动态跟踪鼠标位置、绘制轨迹等。 **1.7 onmouseout** - **定义**:当鼠标离开元素范围时触发。 - **兼容性**:IE4、N3。 - *...

    ie6 7 8兼容html5属性placeholder

    此外,还可以利用CSS来调整样式,确保在IE6、7、8中提示文本的外观与现代浏览器一致。例如: ```css /* 遮盖默认的样式 */ input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; } /* ...

    ie8兼容placeholder.zip

    当在IE8中运行这段代码时,`placeholder`属性不会显示任何提示文本。因此,我们需要借助JavaScript或者CSS来实现类似的效果。一种常见的解决方案是使用jQuery库配合一个名为"Placeholders.js"的插件,它专门用于在旧...

    鼠标事件大全 包括不同浏览器是否支持 鼠标事件非常完整

    本文将全面解析一系列鼠标事件,并探讨它们在Internet Explorer(IE)、Netscape Navigator(N)以及Opera(O)等主流浏览器中的兼容性。 #### 一、基本鼠标事件 1. **onClick**:当用户点击鼠标左键时触发。在IE3...

    js中的eventType事件及其浏览器支持性介绍.docx

    - **onFocus**:当某个表单元素获得焦点时触发。 - 支持浏览器:IE3, Netscape2, Opera3 - **onReset**:当表单中的重置按钮被点击时触发。 - 支持浏览器:IE4, Netscape3, Opera3 - **onSubmit**:当表单提交时...

Global site tag (gtag.js) - Google Analytics