火狐textarea輸入法的bug的觸發(fā)及解決
更新時(shí)間:2013年07月24日 18:02:16 作者:
在firefox中,如果一個(gè)textarea獲取焦點(diǎn),在輸入法激活的狀態(tài)如果這時(shí)js將該textarea的value修改,那么該textarea會(huì)直接被清空,下面是具體的解決方法,遇到類似問題的朋友可以參考下
在firefox中,如果一個(gè)textarea獲取焦點(diǎn),在輸入法激活的狀態(tài),比如搜狗輸入法,敲入一個(gè)漢字的第一個(gè)拼音的時(shí)候,如果這個(gè)時(shí)候 后臺(tái)js將該textarea的value修改,那么該textarea會(huì)直接被清空,如圖

在這種狀態(tài),如果js修改textarea的值,就會(huì)觸發(fā)該bug,
如何解決這個(gè)問題?
經(jīng)過多次嘗試,發(fā)現(xiàn)只有在js修改value的時(shí)候,將該textarea 失去焦點(diǎn),修改之后,再獲取焦點(diǎn)即可,該bug同樣適用于,input
$("#test").blur();
$("#test").val('test');
$("#test").focus();

在這種狀態(tài),如果js修改textarea的值,就會(huì)觸發(fā)該bug,
如何解決這個(gè)問題?
經(jīng)過多次嘗試,發(fā)現(xiàn)只有在js修改value的時(shí)候,將該textarea 失去焦點(diǎn),修改之后,再獲取焦點(diǎn)即可,該bug同樣適用于,input
復(fù)制代碼 代碼如下:
$("#test").blur();
$("#test").val('test');
$("#test").focus();
相關(guān)文章
一文詳解Proxy和Object.defineProperty的使用與區(qū)別
在JavaScript中,對象是一種核心的數(shù)據(jù)結(jié)構(gòu),而對對象的操作也是開發(fā)中經(jīng)常遇到的任務(wù),本文將深入比較Proxy和Object.defineProperty,感興趣的小伙伴可以了解下2023-12-12JavaScript實(shí)現(xiàn)將xml轉(zhuǎn)換成html table表格的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)將xml轉(zhuǎn)換成html table表格的方法,實(shí)例分析了javascript操作XML文件與table表格的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04基于JS實(shí)現(xiàn)頁面視頻video標(biāo)簽禁止下載(下載按鈕+右擊菜單)
最近做項(xiàng)目遇到這樣的需求,禁止用戶瀏覽頁面的時(shí)候下載頁面的視頻,網(wǎng)上看到下載視頻的方法有兩種,本文對每種方法做詳細(xì)分析,對js禁止下載視頻相關(guān)知識(shí)感興趣的朋友一起看看吧2024-02-02js HTML5多圖片上傳及預(yù)覽實(shí)例解析(不含前端的文件分割)
這篇文章主要詳細(xì)解析了js HTML5多圖片上傳及預(yù)覽實(shí)例,不含前端的文件分割,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-08-08Javascript中獲取出錯(cuò)代碼所在文件及行數(shù)的代碼
之前在做一個(gè)Javascript的日志控制臺(tái)功能模塊,希望能夠在Javascript代碼出錯(cuò)時(shí)捕獲此錯(cuò)誤,并將出錯(cuò)的文件及相應(yīng)的行數(shù)打印到控制臺(tái)并匯報(bào)給服務(wù)器。2010-09-09Bootstrap項(xiàng)目實(shí)戰(zhàn)之子欄目資訊內(nèi)容
Bootstrap項(xiàng)目實(shí)戰(zhàn)之資訊內(nèi)容,本文主要學(xué)習(xí)制作一下子欄目資訊內(nèi)容,感興趣的小伙伴們可以參考一下2016-04-04基于Web?Components實(shí)現(xiàn)一個(gè)日歷原生組件
這篇文章主要為大家詳細(xì)介紹了如何利用Web?Components實(shí)現(xiàn)一個(gè)簡單的日歷原生組件,文中的示例代碼講解詳細(xì),需要的小伙伴可以了解一下2023-07-07