溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關firefox中event事件處理的示例分析的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
在用angularJs實現一個功能，點擊后獲取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對象必須作為參數傳給事件處理函數，前提是我們代碼中要用的時候。所以，在標準兼容的瀏覽器(Mozilla,Safari,Opera)中訪問事件對象，要這么做：
<a href="#" class="linkstyle plus" ng-click="addResPop($event)"/>addRes</a>
$scope.addResPop = function($event) {
....
}注意這里要用angular的$event,它們已經替開發者屏蔽了瀏覽器的兼容問題。其實用jQuery來綁定click事件,獲取event對象的結果跟angular獲取的$event一摸一樣，例如：
$("body").click(function(event){
......
})了解瀏覽器的兼容問題，并利用三方庫屏蔽常見的兼容問題。
感謝各位的閱讀！關于“firefox中event事件處理的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
