javascript event物件的clientX,offsetX,screenX,pageX區別
event.clientX、event.clientY
滑鼠相對於瀏覽器視窗可視區域的X,Y座標(視窗座標),可視區域不包括工具欄和滾動條。IE事件和標準事件都定義了這2個屬性
event.pageX、event.pageY
類似於event.clientX、event.clientY,但它們使用的是文件座標而非視窗座標。這2個屬性不是標準屬性,但得到了廣泛支援。IE事件中沒有這2個屬性。
event.offsetX、event.offsetY
滑鼠相對於事件源元素(srcElement)的X,Y座標,只有IE事件有這2個屬性,標準事件沒有對應的屬性。
event.screenX、event.screenY
滑鼠相對於使用者顯示器螢幕左上角的X,Y座標。標準事件和IE事件都定義了這2個屬性
上圖!!!!
相關推薦
javascript event物件的clientX,offsetX,screenX,pageX區別
event.clientX、event.clientY 滑鼠相對於瀏覽器視窗可視區域的X,Y座標(視窗座標),可視區域不包括工具欄和滾動條。IE事件和標準事件都定義了這2個屬性 event.pageX、event.pageY 類似於event.clientX、eve
一張圖輕松搞懂javascript event對象的clientX,offsetX,screenX,pageX區別
png javascrip 區域 文檔 .cn 標準屬性 分享 clas src 先總結下區別: event.clientX、event.clientY 鼠標相對於瀏覽器窗口可視區域的X,Y坐標(窗口坐標),可視區域不包括工具欄和滾動條。IE事件和標準事件都定義了這2
pageX,clientX,offsetX,layerX的區別
在各個瀏覽器的JS中,有很多個讓你十分囧的屬性,由於各大廠商對標準的解釋和執行不一樣,導致十分混亂,也讓我們這些前端攻城獅十分無語和糾結>_< John Resig大神說過,動態元素有3個至關重要的元素,位置,尺寸和可見性.所以,今天,先拿幾個頁面位置屬性開
圖解Js event物件offsetX, clientX, pageX, screenX, layerX, x區別
通過 3 張圖和 1 張表格,輕鬆區別 Javascript Event 物件中的offsetX, clientX, pageX, screenX, layerX, x等屬性。 一、測試程式碼如下: <!DOCTYPE HTML> <html lang="zh-cn">
javascript 中 x offsetX clientX screenX pageX的區別
long src article art 左右滑動 tail java avi eight 在javascript的事件對象中的關於事件鼠標位置的幾個屬性(x, pageX, offsetX, scrrenX clientX)及(y, pageY, offsetY, scr
javascript中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX
nth 相同 位置 註意 讀寫 watermark pagex pan navi offsetWidth //返回元素的寬度(包括元素寬度、內邊距和邊框,不包括外邊距) offsetHeight //返回元素的高度(包括元素高度、內邊距和邊框,不包括外
一張圖看懂offsetX, clientX, pageX, screenX的區別
alt 技術分享 含義 圖片 clas itl page 瀏覽器 bubuko 1.具體含義見下圖1 2.瀏覽器的兼任情況 一張圖看懂offsetX, clientX, pageX, screenX的區別
js dom操作 pageX,pageY,offsetX,offsetY,clientX/Y,screenX/Y 介紹使用
在一些DOM操作中我們經常會跟元素的位置打交道,滑鼠互動式一個經常用到的方面,令人失望的是不同的瀏覽器下會有不同的結果甚至是有的瀏覽器下沒結果。 方法介紹 js滑鼠或座標屬性 event.pageX/Y event.offsetX/y event.X/Y even
JS之clientX,clientY,screenX,screenY,offsetX,offsetY區別測試
首先需要知道clientX,clientY,screenX,screenY,offsetX,offsetY 是滑鼠事件物件下的幾個屬性. 之前也一直對這些屬性搞的稀裡糊塗,看文件上說的也是不太理解,
JavaScript中event物件中currentTarget和target的區別
簡述 名稱 功能 currentTarget 其事件處理程式當前正在處理事件的那個元素 target 事件的目標 區別 在事件處理程式內部, 物件 t
JS之clientX,clientY,screenX,screenY,offsetX,offsetY
相對 gif 顯示 clientx screenx 屏幕 onclick com image clientX:當鼠標事件發生時(不管是onclick,還是omousemove,onmouseover等),鼠標相對於瀏覽器(這裏說的是瀏覽器的有效區域)x軸的位置; cl
JavaScript 面向物件之一 —— 物件(物件與JSON的區別)
本系列文章根據《愛前端邵山歡老師深入淺出的js面向物件》視訊整理歸納 物件與JSON的區別 JSON 就是 JavaScript object notation ,JavaScript 物件表示法。是 JavaScript 物件的嚴格子集。 JSON 要求所有
瀏覽器的滑鼠座標值獲取及pageX、clientX、screenX的差異
寫在前面 獲取方法比較簡單。重點在於理解三種值的實際意義。 程式碼 <p><strong>screen:</strong><span id="screen"></span></p&g
event物件中target和currentTarget的區別
event.target返回觸發事件的元素 event.currentTarget返回繫結事件的元素 冒泡和捕獲 在頁面中點選一個元素,事件是從這個元素的祖先元素中逐層傳遞下來的,這個階段為事件的捕獲階段。當事件傳遞到這個元素之後,又會把事件逐成傳遞回去,直到根元素為止,
javascript事件監聽機制(二)——jquery的Event物件
jQuery封裝了瀏覽器的事件監聽方法,相容了各個瀏覽器的區別,對外提供一套適合於jquery物件的事件監聽介面。Event物件的核心方法主要有三個,add,remove和trigger。 elem對於事件的維護,是通過在elem的內部空間裡(_data訪問的),用一個ev
[js點滴]JavaScript事件Event物件03
Event物件 事件發生以後,會生成一個事件物件,作為引數傳給監聽函式。瀏覽器原生提供一個Event物件,所有的事件都是這個物件的例項,或者說繼承了Event.prototype物件。 Event物件本身就是一個建構函式,可以用來生成新的例項。 event
Javascript DOM Event物件方法詳解
Event 物件代表事件的狀態,比如事件在其中發生的元素、鍵盤按鍵的狀態、滑鼠的位置、滑鼠按鈕的狀態。事件通常與函式結合使用,函式不會在事件發生前被執行! 事件分為三個階段: 事件捕獲 --&
javaScript中innerHTML,innerText,outerHTML,outerText的區別
idt 是把 text .get rip font 獲取對象 http edge 開頭說下innerText和outerText只在chrome瀏覽器中有效 定義和用法 innerHTML 屬性設置或返回表格行的開始和結束標簽之間的 HTML,包括標簽。 來看代碼 <
JavaScript中:表達式和語句的區別
運算 false 第一個 ron 為我 error 直接 -- 組成 1.語句和表達式 JavaScript中的表達式和語句是有區別的.一個表達式會產生一個值,它可以放在任何需要一個值的地方,比如,作為一個函數調用的參數.下面的每行代碼都是一個表達式: myvar3
javascript event事件兼容性處理
cli clientx click script document java 事件 () 坐標 ie 6-8支持event事件,ff瀏覽器不支持 獲取鼠標點擊位置的坐標 document.onclick = function(){ alert(event.cl