這篇文章給大家分享的是有關firefox中event事件處理的示例分析的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)建站專注于大通企業(yè)網站建設,響應式網站建設,商城網站建設。大通網站建設公司,為大通等地區(qū)提供建站服務。全流程按需規(guī)劃網站，專業(yè)設計，全程項目跟蹤，創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務

在用angularJs實現(xiàn)一個功能，點擊后獲取event的x，y坐標時，IE9, chrome下功能正常。但是firefox報event 未定義。初始代碼如下：

html:

<div class="container">  
 <span class="glyphicon glyphicon-plus"></span>  
 <a href="#" class="linkstyle plus" ng-click="addResPop()"/>addRes</a>  
 </div>

js：

$scope.addResPop = function () {   
 var x = window.event.screenX;//ff報undefined   
 ....   
 }

結果，ff下click后控制臺報錯了。查了資料后，知道瀏覽器event對象的差異性如下：

1、在IE中event作為window對象的一個屬性可以直接使用 window.event;

2、在W3標準中,event對象必須作為參數(shù)傳給事件處理函數(shù)，前提是我們代碼中要用的時候。所以，在標準兼容的瀏覽器(Mozilla,Safari,Opera)中訪問事件對象，要這么做：

<a href="#" class="linkstyle plus" ng-click="addResPop($event)"/>addRes</a>  
    
 $scope.addResPop = function($event) {   
      ....    
 }

注意這里要用angular的$event,它們已經替開發(fā)者屏蔽了瀏覽器的兼容問題。其實用jQuery來綁定click事件,獲取event對象的結果跟angular獲取的$event一摸一樣，例如：

$("body").click(function(event){   
    ......   
})

了解瀏覽器的兼容問題，并利用三方庫屏蔽常見的兼容問題。

感謝各位的閱讀！關于“firefox中event事件處理的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

網站名稱：firefox中event事件處理的示例分析-創(chuàng)新互聯(lián)
標題網址：http://chinadenli.net/article10/dhsddo.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站導航、微信公眾號、定制網站、網站排名、小程序開發(fā)、軟件開發(fā)

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)