火狐textarea输入法的bug的触发及解决

在firefox中，如果一个textarea获取焦点，在输入法激活的状态，比如搜狗输入法，敲入一个汉字的第一个拼音的时候，如果这个时候 后台js将该textarea的value修改，那么该textarea会直接被清空，如图

在这种状态，如果js修改textarea的值，就会触发该bug，

如何解决这个问题？
经过多次尝试，发现只有在js修改value的时候，将该textarea 失去焦点，修改之后，再获取焦点即可，该bug同样适用于，input


代码如下:

$("#test").blur();
$("#test").val('test');
$("#test").focus();

赞 (0)

相关推荐

  • 火狐textarea输入法的bug的触发及解决

    火狐textarea输入法的bug的触发及解决

    在firefox中,如果一个textarea获取焦点,在输入法激活的状态,比如搜狗输入法,敲入一个汉字的第一个拼音的时候,如果这个时候 后台js将该textarea的value修改,那么该textarea会直接被清空,如图 在这种状态,如果js修改textarea的值,就会触发该bug, 如何解决这个问题? 经过多次尝试,发现只有在js修改value的时候,将该textarea 失去焦点,修改之后,再获取焦点即可,该bug同样适用于,input 复制代码 代码如下: $("#test"

  • 关于Android输入法弹窗bug的优雅处理

    关于Android输入法弹窗bug的优雅处理

    目录 前言 别人家的产品处理 实现 掘金的输入框弹窗实现 weChat聊天背景不会被压缩的问题 解决方法 方法一 方法二 方法三 总结 前言 最近发现一个bug,在项目中的某个界面,每当弹出输入法时,背景总是随着输入法上移,导致背景被压缩,虽然不打紧,但发现这个bug之后极其不愉快. 别人家的产品处理 随手拿了一部手机举例 搜索框应该在顶部,这样即使弹出输入法也不会遮挡 掘金评论类似的输入框在底部,输入内容时,输入框跟随输入法上移,背景不动 wechat聊天界面,背景不动,输入框和聊天记录随着输

  • Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法

    Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法

    Ext4.2+ Ext.grid.plugin.RowExpander存在bug,添加的collapsebody,expandbody无法触发,查看了下 Ext.grid.plugin.RowExpander对应的源代码,没有添加collapsebody,expandbody事件,即使按照网上的方 法重写Ext.grid.plugin.RowExpander的init和toggleRow方法也无法触发 collapsebody,expandbody事件. 解决办法:给grid对象添加collap

  • MySQL Slave 触发 oom-killer解决方法

    最近经常有收到MySQL实例类似内存不足的报警信息,登陆到服务器上一看发现MySQL 吃掉了99%的内存,God ! 有时候没有及时处理,内核就会自己帮我们重启下MySQL,然后我们就可以看到 dmesg 信息有如下记录: Mar 9 11:29:16 xxxxxx kernel: mysqld invoked oom-killer: gfp_mask=0x201da, order=0, oom_adj=0, oom_score_adj=0 Mar 9 11:29:16 xxxxxx kerne

  • WPF中button按钮同时点击多次触发click解决方法

    解决WPF中button按钮同时点击多次触发click的方法,供大家参考,具体内容如下 DateTime lastClick = DateTime.Now; object obj = new object(); int i = 0; private void Button_Click(object sender, RoutedEventArgs e) { this.IsEnabled = false; var t = (DateTime.Now - lastClick).TotalMillise

  • window.onresize 多次触发的解决方法

    之前做一个扩展,需要在改变窗口大小的时候保证页面显示正常,于是用了 window.onresize 但是发现每次 onresize 后页面中状态总是不对,后来查找出来原来是 onresize 事件触发了多次找成的,于是网上搜集了下解决办法,整理一下. // 关于 onresize 事件触发次数,不同浏览器不同,safari, opera, firefox 都是一次(分别只用了一个版本测试,都是较新的); //ie6 在 quirk 下触发 2 次,标准下 3 次:ie7,8 在 quirk 和

  • asp和php下textarea提交大量数据发生丢失的解决方法

    我用textarea提交大量的阿数据 我开始字段类型选的是mediumtext,数据有丢失 后来我改成了longtext,数据依然丢失, 而且发现和mediumtext提交到数据库中的数据量是一样的, 并没有增加.该怎样解决呢? asp下只需要用下面的方法即可 复制代码 代码如下: Sub Content()     Dim i,sContent     ' 取提交过来的数据     ' 据说对大表单的自动处理,要使用循环,否则大于100K的内容将有可能取不到,单个表单项的限制为102399字节

  • jquery操作checkbox火狐下第二次无法勾选的解决方法

    最近在学习jQuery(版本jquery-1.9.1.js),要求用jQuery实现全选/全不选.反选,在IE(IE8)中没有问题,但在火狐浏览器中调试的时候出现了一些小问题,达不到效果. html代码如下: <div> 你爱好的运动是 <input type="checkbox" id="selectal1" /><label for="selectal1">全选/全不选</label><b

  • 关于textarea提交的内容无法换行的解决办法

    当我们在页面上通过 textarea 提交数据的时候,我们我们输入的内容在提交后都会被处理为了一段内容,即使我们在 textarea 里面输入了很多的换行,提交后也是一段内容,那如果我们需要将我们输入的信息按照输入的形式保存下来该如何做呢? 这里面存在一个主要的问题是在页面显示的时候换行符是 <br /> 标签,而内容在 textarea 中显示时的换行符是 \n ,下面介绍一种方法通过 js 将输入的内容中的换行符转换为网页中的换行符.在网页数据提交钱作如下处理即可. 复制代码 代码如下:

  • 关于better-scroll插件的无法滑动bug(2021通过插件解决)

    关于better-scroll插件的无法滑动bug(2021通过插件解决)

    better-scroll滚动原理 wrapper作为父容器,它的高度会随着内容的大小而撑高.那么,当 content的高度不超过父容器的高度,是不能滚动的,而它一旦超过了父容器的高度,我们就可以滚动内容区了 BetterScroll 默认处理容器(wrapper)的第一个子元素(content)的滚动,其它的元素都会被忽略 所以也给定了如下页面结构 <div class="wrapper"> <ul class="content"> <

随机推荐