今天在寫代碼的時候發現一個很容易出錯的地方。當我們在聲明變量時，常常會因為不同的 browser 有不同的 API 定義，然后用以下的寫法來判斷哪一個屬性，例如：

復制代碼 代碼如下:

var fullscreenElement = document.mozFullScreenElement || document.webkitFullscreenElement || document.fullscreenElement;

復制代碼 代碼如下:

var sLeft = window.screenLeft || window.screenX; //firefox use screenX
console.log(sLeft);

因此建議在值的判斷還是正統一點用 hasOwnProperty 或 typeof 來判斷會比較精準。

復制代碼 代碼如下:

var sLeft = window.screenLeft;
if( !window.hasOwnProperty('screenLeft')) sLeft = window.screenX;