一、問題如下:
有如下代碼:
但是在ie觸發了兩次,即同時輸出了兩個focus;
二、解決方法:
首先分析一下trigger和triggerHandler。使用triggerHandler不會觸發瀏覽器的默認事件,不會產生事件冒泡(其他區別看jQuery文檔)。關于這個bug的 ticket。關于這個問題的 commit。jQuery自己實現了一個event對象用于解決瀏覽器間的差異問題。可是由于有mouseenter/mouseleave等非標準事件的存在,jQuery引入了special事件的子系統,讓原生事件回到模擬事件的事件列隊中,可是這個系統并不能解決所有問題,當使用trigger.focus時,IE下會錯誤地執行兩次回調。
triggerHandler是對trigger產生這種問題的解決方法。但是使用triggerHandler時你會發現input是沒有光標focus效果的。
初步解決方法:
除了用triggerHandler另一個方法是在focus綁定事件中加上:
可是你發現這不符合我們的期望呀,因為focus事件回調執行了,但是連個focus效果都沒有。
最終解決方法:
既然是jQuery封裝的關系,那我們用原生的事件就可以了。看演示,左邊是用原生事件觸發的,右邊用triggerHandler。
更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com