jQuery解決瀏覽器兼容性問題案例分析
本文實例分析了jQuery解決瀏覽器兼容性問題的方法。分享給大家供大家參考,具體如下:
問題:
當用戶在名為abc的input控件按下回車鍵時,觸發(fā)另一控件imgLogin的click事件
在IE 中 document.getElementById('abc').click();能夠調(diào)用abc的click事件
但是在FF中卻不行。
解決方法:
必須以下這樣:
var evt = document.createEvent("MouseEvents");
evt.initEvent("click", true, true);
document.getElementById("imgLogin").dispatchEvent(evt);
才能執(zhí)行input控件的click 事件
如果通過JQuery的話.
$("#abc").keydown(function(e) {
if (e.keyCode == 13) {
$("#imgLogin").click();
}
});
就這樣簡單幾句話就可以了,也不必要去判斷瀏覽器
更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題:《jQuery的cookie操作技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對大家jQuery程序設計有所幫助。
- jQuery學習筆記之jQuery+CSS3的瀏覽器兼容性
- JQuery操作Select的Options的Bug(IE8兼容性視圖模式)
- zShowBox 圖片放大展示jquery版 兼容性
- jquery.simple.tree插件 更簡單,兼容性更好的無限樹插件
- jQuery的寫法不同導致的兼容性問題的解決方法
- jQuery插件Zclip實現(xiàn)完美兼容個瀏覽器點擊復制內(nèi)容到剪貼板
- js與jQuery實現(xiàn)的兼容多瀏覽器Ajax請求實例
- 兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果
- jQuery.event兼容各瀏覽器的event詳細解析
- jquery實現(xiàn)兼容瀏覽器的圖片上傳本地預覽功能
- jquery實現(xiàn)簡單的拖拽效果實例兼容所有主流瀏覽器
- jquery select動態(tài)加載選擇(兼容各種瀏覽器)
相關文章
jQuery插件學習教程之SlidesJs輪播+Validation驗證
這篇文章主要介紹了jQuery插件學習教程之SlidesJs輪播+Validation驗證的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07
jQuery實現(xiàn)CheckBox全選、全不選功能
這篇文章主要介紹了jQuery實現(xiàn)CheckBox全選、全不選功能,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-01-01
讓jQuery Mobile不顯示討厭loading界面的方法
jQuery Mobile總是顯示討厭的loading界面,下面有個不錯的解決方法,大家可以參考下2014-02-02
JQuery使用數(shù)組遍歷跳出each循環(huán)
這篇文章主要介紹了JQuery使用數(shù)組遍歷跳出each循環(huán),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-09-09

