jQuery解決瀏覽器兼容性問題案例分析

更新時(shí)間：2016年04月15日 11:16:15 作者：jarryzhong

這篇文章主要介紹了jQuery解決瀏覽器兼容性問題的方法,結(jié)合實(shí)例形式分析了針對不同瀏覽器的click事件響應(yīng)兼容性問題,需要的朋友可以參考下

本文實(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();
  }
});

就這樣簡單幾句話就可以了,也不必要去判斷瀏覽器

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery的cookie操作技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》

希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery模擬360瀏覽器切屏效果幻燈片(附demo源碼下載)
這篇文章主要介紹了jQuery模擬360瀏覽器切屏效果幻燈片,涉及jQuery響應(yīng)鼠標(biāo)事件動態(tài)操作頁面元素樣式的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2016-01-01
textarea中的手動換行處理的jquery代碼
textarea的手動換行會產(chǎn)生換行標(biāo)志，但這個(gè)標(biāo)志存在卻看不到，存入數(shù)據(jù)庫中后讀出來顯示在頁面上卻不會換行，如何處理呢？
2011-02-02
如何解決Jquery庫及其他庫之間的$命名沖突
這篇文章介紹了Jquery庫及其他庫之間的$命名沖突的解決方法，有需要的朋友可以參考一下
2013-09-09
jQuery實(shí)現(xiàn)視頻展示效果
這篇文章主要為大家詳細(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
JQuery contains的選擇器
contains選擇符是指對象中包括指定內(nèi)容的對象本身
2010-04-04
Jquery命名沖突解決的五種方案分享
最近遇到個(gè)問題，同時(shí)引用了jquery庫和另外一個(gè)js庫。當(dāng)用$XX去調(diào)用js庫函數(shù)時(shí)，發(fā)現(xiàn)失效了！于是找資料，原來是jquery命名沖突了
2012-03-03
基于jQuery實(shí)現(xiàn)圖片推拉門動畫效果的兩種方法
本文給大家分享兩種方法實(shí)現(xiàn)''推拉門''動畫效果也可以稱作是手風(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