火狐textarea輸入法的bug的觸發(fā)及解決
更新時間：2013年07月24日 18:02:16 作者：
在firefox中，如果一個textarea獲取焦點，在輸入法激活的狀態(tài)如果這時js將該textarea的value修改，那么該textarea會直接被清空，下面是具體的解決方法，遇到類似問題的朋友可以參考下
在firefox中，如果一個textarea獲取焦點，在輸入法激活的狀態(tài)，比如搜狗輸入法，敲入一個漢字的第一個拼音的時候，如果這個時候 后臺js將該textarea的value修改，那么該textarea會直接被清空，如圖
在這種狀態(tài)，如果js修改textarea的值，就會觸發(fā)該bug，
如何解決這個問題？
經(jīng)過多次嘗試，發(fā)現(xiàn)只有在js修改value的時候，將該textarea 失去焦點，修改之后，再獲取焦點即可，該bug同樣適用于，input
$("#test").blur();
$("#test").val('test');
$("#test").focus();
在這種狀態(tài)，如果js修改textarea的值，就會觸發(fā)該bug，
如何解決這個問題？
經(jīng)過多次嘗試，發(fā)現(xiàn)只有在js修改value的時候，將該textarea 失去焦點，修改之后，再獲取焦點即可，該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-12
web開發(fā)中，經(jīng)常會使用驗證碼功能，例如登錄、注冊，或其他關(guān)鍵功能之前經(jīng)常會使用。下面通過實例代碼給大家介紹Web制作驗證碼功能實例代碼，感興趣的朋友一起看看吧2017-06-06
下面小編就為大家?guī)硪黄贘S對象創(chuàng)建常用方式及原理分析。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
JavaScript實現(xiàn)將xml轉(zhuǎn)換成html table表格的方法
這篇文章主要介紹了JavaScript實現(xiàn)將xml轉(zhuǎn)換成html table表格的方法,實例分析了javascript操作XML文件與table表格的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
基于JS實現(xiàn)頁面視頻video標(biāo)簽禁止下載(下載按鈕+右擊菜單)
最近做項目遇到這樣的需求,禁止用戶瀏覽頁面的時候下載頁面的視頻,網(wǎng)上看到下載視頻的方法有兩種,本文對每種方法做詳細(xì)分析,對js禁止下載視頻相關(guān)知識感興趣的朋友一起看看吧2024-02-02
js HTML5多圖片上傳及預(yù)覽實例解析（不含前端的文件分割）
這篇文章主要詳細(xì)解析了js HTML5多圖片上傳及預(yù)覽實例，不含前端的文件分割，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
Javascript中獲取出錯代碼所在文件及行數(shù)的代碼
之前在做一個Javascript的日志控制臺功能模塊，希望能夠在Javascript代碼出錯時捕獲此錯誤，并將出錯的文件及相應(yīng)的行數(shù)打印到控制臺并匯報給服務(wù)器。2010-09-09
Bootstrap項目實戰(zhàn)之子欄目資訊內(nèi)容
Bootstrap項目實戰(zhàn)之資訊內(nèi)容，本文主要學(xué)習(xí)制作一下子欄目資訊內(nèi)容，感興趣的小伙伴們可以參考一下2016-04-04
基于Web?Components實現(xiàn)一個日歷原生組件
這篇文章主要為大家詳細(xì)介紹了如何利用Web?Components實現(xiàn)一個簡單的日歷原生組件，文中的示例代碼講解詳細(xì)，需要的小伙伴可以了解一下2023-07-07
FF沒有window.event對象?？梢酝ㄟ^給函數(shù)的參數(shù)傳遞event對象。2011-01-01