`
bee1314
  • 浏览: 166266 次
  • 性别: Icon_minigender_1
  • 来自: 安徽
社区版块
存档分类
最新评论

chrome, setSelectionRange issue

 
阅读更多

在chrome下,setSelectionRange这个dom方法有bug,不能创建input中的文本选中区域。

解决办法就是将setSelectionRange方法包装在window.setTimeout方法中,

var that = this;

setTimeout(function () {
    that.setSelectionRange(...);
}, 0)

详情请见,https://code.google.com/p/chromium/issues/detail?id=32865

分享到:
评论

相关推荐

    页面一载入光标定位到文本框,并选中其中文字

    这段代码首先获取了ID为`searchInput`的元素,然后在`DOMContentLoaded`事件触发时调用`focus()`方法使光标定位到文本框,接着通过`setSelectionRange`或`createTextRange`(针对不支持`setSelectionRange`的IE浏览...

    jquery+js实现文本框部分内容被选中(兼容各种浏览器)

    它获取ID为`myInput`的文本框元素,并在其获得焦点(用户点击或通过Tab键切换到该元素)时,使用`setSelectionRange`方法选中所有文本。`setSelectionRange`是现代浏览器支持的一个方法,允许我们在输入框中设置光标...

    HTML5 textarea高度自适应的两种方案

    阅读全文你将获得以下...查文档 MDN,textarea元素存在selectionEnd和selectionStart的属性用来表示选中的文本开始位置和结束位置,DOM接口实例是 HTMLTextAreaElement, 它具有 setSelectionRange 方法,用来选中输入

    input光标操作.html|input光标操作.html

    input.setSelectionRange(opsStart,opsEnd); setSelectionRange方法用于设定<input> 或 <textarea> 元素中当前选中文本的起始和结束位置。 当opsStart和opsEnd相同时,可用于定位光标位置。 setSelectionRange...

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

    在网页开发中,不同浏览器对于某些功能的实现可能存在差异,例如JavaScript中的文本框(TextBox...通过利用`createTextRange`和`setSelectionRange`两种不同的方法,以及对浏览器行为的特殊处理,实现了良好的兼容性。

    光标定位方法

    对于Firefox和其他现代浏览器,则可以直接使用`setSelectionRange()`方法来设置光标位置: ```javascript ctrl.focus(); ctrl.setSelectionRange(pos, pos); ``` #### 三、综合示例 为了更好地理解如何在实际项目...

    inputCheck.rar

    接下来,执行 `exec()` 方法来执行查询操作,并在回调函数中调用 `setSelectionRange()` 方法设置选区范围,实现全选效果: ```javascript Page({ ... data: {}, onReady() { // 页面加载完成时,可以在此...

    javascript textarea光标定位方法(兼容IE和FF)

    而 Firefox 及其他一些现代浏览器,如 Chrome 和 Safari,它们支持 `setSelectionRange()` 方法,可以直接设置光标的位置。以下是 FF 的光标定位方法: ```javascript var tea = document.getElementById("文本框的...

    JS获取文本框光标位置、选中起始位置、终止位置、选择内容

    若要设置光标位置,可以使用`element.setSelectionRange(start, end)`方法。其中,`start`是光标的新位置,`end`是选区的结束位置(如果需要选中文本)。例如: ```javascript input.setSelectionRange(10, 20); ...

    javascript 光标定位例子

    例如,你可以通过`element.selectionStart`获取光标当前位置,通过`element.setSelectionRange(start, end)`设置光标和选取的范围。 在jQuery库中,虽然没有直接提供处理光标位置的API,但可以通过jQuery对象的`....

    JavaScript获取,设置光标位置,兼容InputTextArea

    为了解决这个问题,可以使用`createTextRange`和`setSelectionRange`方法,实现对旧版IE浏览器的兼容: ```javascript function setCursorPosition(input, pos) { if (input.setSelectionRange) { // 现代浏览器 ...

    jQuery获取和设置文本框光标

    - 要设置选中文本,需要先清除现有选区,使用`element.setSelectionRange(start, end)`,然后可以替换相应范围的文本。例如,`$("#myTextBox").val($("#myTextBox").val().substring(0, start) + "新文本" + $("#...

    js移动焦点到最后位置的简单方法

    然而,`createTextRange`方法是IE特有的,其他标准浏览器如Firefox、Chrome等不支持。对于这些浏览器,我们可以使用`setSelectionRange`方法,它只适用于`input`和`textarea`元素。以下是对应的代码: ```...

    js TextArea的选中区域处理

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

    支持IE5、6、7、8、9,极速、火狐的全浏览器支持软键盘

    el.setSelectionRange(start + text.length, start + text.length); } else { // 针对IE8及更早版本 el.value += text; } } ``` 接下来,为了确保在IE5到9中的兼容性,我们需要处理这些老版本浏览器特有的问题...

    js实现在文本框光标处添加字符的方法介绍

    然而,这种方法仅适用于IE浏览器,因为它依赖于`document.selection`和`Range`对象,这些在其他浏览器如Firefox、Chrome或Safari中并不支持。 对于非IE浏览器,我们可以使用`setSelectionRange`和`getSelection()`...

    jquery聚焦文本框与扩展文本框聚焦方法

    在非IE浏览器(如Firefox、Chrome等),则使用`setSelectionRange`方法。 通过这种方法,无论用户使用哪种浏览器,都能得到一致的聚焦体验,且能自由控制光标位置。这在创建交互式表单或动态网页时尤其有用,可以...

    文本框倒叙输入让输入框的焦点始终在最开始的位置

    1. `setSelectionRange(start, end)`:这个方法适用于支持W3C标准的浏览器,如Firefox、Chrome、Safari等。它接受两个参数,`start`和`end`,分别表示光标开始和结束的位置。在倒序输入中,我们将`start`和`end`都...

Global site tag (gtag.js) - Google Analytics