国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery不兼容input的change事件問題解決過程

2019-11-20 13:49:03
字體:
來源:轉載
供稿:網友

最近開發一個項目,需要實現用戶在WEB表單里的多個INPUT框中輸入數量后,立即自動計算加總各項輸入的數量之和,并顯示在指定的INPUT框中,這個功能實現的原理是簡單的,就是只需要在INPUT的onchange事件中計算加總并將結果賦給指定的INPUT框中即可實現,代碼如下:

復制代碼 代碼如下:

$("input.syxcost").change(function(){
   computeReceivedsyxcost();
}
function computeReceivedsyxcost(){  //計算加總
              var syxcost=0;
              $("input.syxcost").each(function(){
                 var cost=parseFloat($(this).val());
                 if (!isNaN(cost))
                    syxcost=syxcost + cost;
              });
              $("#receivedsyxcost").val(syxcost); //顯示最終結果
           }

原以為這樣就解決了,在谷歌瀏覽器確實是OK的,但在IE 9中,卻發現在INPUT中輸入數量后,并不會立即觸發change事件,存在兼容問題,在網上搜了許多,也都說存在這個問題,沒有辦法,我就只有自己來依據實現情況來寫,我的思路是:當INPUT獲取焦點時,就獲取當前的VALUE并存入該INPUT的自定義的屬性中(如:data-oval),然后在INPUT失去焦點的時候,就獲取當前的VALUE與之前存在自定義的屬性中的值是否相同,若不相同,則說明VALUE被改變,就需要重新計算,否則忽略,實現代碼如下:

復制代碼 代碼如下:

$("input.syxcost").focus(function(){
                $(this).attr("data-oval",$(this).val()); //將當前值存入自定義屬性
            }).blur(function(){
                var oldVal=($(this).attr("data-oval")); //獲取原值
                var newVal=($(this).val()); //獲取當前值
                if (oldVal!=newVal)
                {
                    computeReceivedsyxcost(); //不相同則計算
                }
            });

經反復驗證,在所有的瀏覽器下均顯示正常,解決了兼容的問題!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 凤台县| 铜川市| 清苑县| 新沂市| 洞头县| 合山市| 瑞安市| 奈曼旗| 盐亭县| 元谋县| 罗甸县| 时尚| 姚安县| 潜山县| 抚松县| 聊城市| 鹿泉市| 桐庐县| 长海县| 临夏县| 阆中市| 西乌珠穆沁旗| 霍邱县| 香港 | 墨玉县| 漠河县| 旌德县| 绥江县| 万州区| 长宁县| 麻阳| 上犹县| 襄城县| 尼勒克县| 大港区| 会泽县| 竹北市| 永福县| 石屏县| 丰都县| 射洪县|