jQuery解決瀏覽器兼容性問題案例分析
本文實(shí)例分析了jQuery解決瀏覽器兼容性問題的方法。分享給大家供大家參考，具體如下：
問題:
當(dāng)用戶在名為abc的input控件按下回車鍵時(shí),觸發(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();
}
});
就這樣簡(jiǎn)單幾句話就可以了,也不必要去判斷瀏覽器
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery的cookie操作技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- jQuery學(xué)習(xí)筆記之jQuery+CSS3的瀏覽器兼容性
- JQuery操作Select的Options的Bug(IE8兼容性視圖模式)
- zShowBox 圖片放大展示jquery版 兼容性
- jquery.simple.tree插件 更簡(jiǎn)單，兼容性更好的無限樹插件
- jQuery的寫法不同導(dǎo)致的兼容性問題的解決方法
- jQuery插件Zclip實(shí)現(xiàn)完美兼容個(gè)瀏覽器點(diǎn)擊復(fù)制內(nèi)容到剪貼板
- js與jQuery實(shí)現(xiàn)的兼容多瀏覽器Ajax請(qǐng)求實(shí)例
- 兩種方法基于jQuery實(shí)現(xiàn)IE瀏覽器兼容placeholder效果
- jQuery.event兼容各瀏覽器的event詳細(xì)解析
- jquery實(shí)現(xiàn)兼容瀏覽器的圖片上傳本地預(yù)覽功能
- jquery實(shí)現(xiàn)簡(jiǎn)單的拖拽效果實(shí)例兼容所有主流瀏覽器
- jquery select動(dòng)態(tài)加載選擇(兼容各種瀏覽器)
相關(guān)文章
jQuery模擬360瀏覽器切屏效果幻燈片(附demo源碼下載)
這篇文章主要介紹了jQuery模擬360瀏覽器切屏效果幻燈片,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁面元素樣式的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01
textarea中的手動(dòng)換行處理的jquery代碼
textarea的手動(dòng)換行會(huì)產(chǎn)生換行標(biāo)志，但這個(gè)標(biāo)志存在卻看不到，存入數(shù)據(jù)庫中后讀出來顯示在頁面上卻不會(huì)換行，如何處理呢？2011-02-02
這篇文章介紹了Jquery庫及其他庫之間的$命名沖突的解決方法，有需要的朋友可以參考一下2013-09-09
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)視頻展示效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
jQuery中noconflict函數(shù)的實(shí)現(xiàn)原理分解
這篇文章主要介紹了jQuery中noconflict函數(shù)的實(shí)現(xiàn)原理分解,noconflict是用來防止變量沖突的,本文就分解了它的實(shí)現(xiàn)原理,并分析了它的實(shí)現(xiàn)源碼,需要的朋友可以參考下2015-02-02
jQuery html() in Firefox (uses .innerHTML) ignores DOM chang
Firefox doesn't update the value attribute of a DOM object based on user input, just its valueproperty - pretty quick work around exists.2010-03-03
contains選擇符是指對(duì)象中包括指定內(nèi)容的對(duì)象本身2010-04-04
最近遇到個(gè)問題，同時(shí)引用了jquery庫和另外一個(gè)js庫。當(dāng)用$XX去調(diào)用js庫函數(shù)時(shí)，發(fā)現(xiàn)失效了！于是找資料，原來是jquery命名沖突了2012-03-03
基于jQuery實(shí)現(xiàn)圖片推拉門動(dòng)畫效果的兩種方法
本文給大家分享兩種方法實(shí)現(xiàn)''推拉門''動(dòng)畫效果也可以稱作是手風(fēng)琴效果，具體實(shí)現(xiàn)方法大家通過本文一起學(xué)習(xí)吧2017-08-08
基于Jquery的$.cookie()實(shí)現(xiàn)跨越頁面tabs導(dǎo)航實(shí)現(xiàn)代碼
基于Jquery的$.cookie()實(shí)現(xiàn)跨越頁面tabs導(dǎo)航實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-03-03