focus 进 textarea 元素后光标位置的修复

作者:realazy 来源:realazy 时间:2008-09-27 13:27:00 

问题

一个已经有内容的 textarea 元素,在执行该元素的 .focus() 方法后,不同的浏览器有不同表现。我们的预期是能够出现在内容后面,但只有 gecko 浏览器能做到。

修复

注意:这个函数不能直接运行,函数内的 isIE, isOpera 和 isWebkit 需要你的库提供或你编写,这并不难,对吧。

function fixTextareaFocusCursorPosition(elTextarea){
    if (isIE || isOpera){
        var rng = elTextarea.createTextRange();
        rng.text = elTextarea.value;
        rng.collapse(false);
    } else if (isWebkit) {
        elTextarea.select();
        window.getSelection().collapseToEnd();
    }
}
标签:textarea,浏览器,focus
0
投稿

猜你喜欢

  • 微信小程序可滑动月日历组件使用详解

    2024-04-16 10:32:22
  • python 中pass和match使用方法

    2023-07-17 05:49:47
  • python 利用pywifi模块实现连接网络破解wifi密码实时监控网络

    2023-06-15 11:21:03
  • mysql5.7.17安装使用图文教程

    2024-01-19 16:08:43
  • 日期垂直排列的两种技巧

    2009-08-28 12:38:00
  • JavaScript 中获取数组最后一个元素方法汇总

    2024-06-07 15:25:25
  • Python制作微信机器人教程详解

    2021-05-09 13:44:44
  • PHP和NodeJs开发的应用如何共用Session

    2024-06-05 09:43:22
  • python绘图pyecharts+pandas的使用详解

    2022-02-03 18:00:44
  • 用python将pdf转化为有声读物

    2021-02-02 10:06:46
  • Go语言写入字符串到文件的方法

    2024-05-21 10:21:54
  • 三十分钟MySQL快速入门(图解)

    2024-01-21 21:49:32
  • Python读取txt内容写入xls格式excel中的方法

    2023-08-31 22:29:17
  • 详解Python中的GIL(全局解释器锁)详解及解决GIL的几种方案

    2021-02-01 03:36:05
  • Python命令行运行文件的实例方法

    2023-05-10 13:57:56
  • python神经网络tf.name_scope和tf.variable_scope函数区别

    2021-01-24 13:10:48
  • Go语言中的变量和常量

    2024-05-09 14:52:44
  • MySQL修改默认字符集

    2010-11-02 12:11:00
  • numpy中的delete删除数组整行和整列的实例

    2022-11-24 22:09:01
  • Django静态资源URL STATIC_ROOT的配置方法

    2022-11-24 00:06:53
  • asp之家 网络编程 m.aspxhome.com