event.client、event.screen與event.offset(轉載)
1、event.screenX與event.screenY。
首先,event.screenX是滑鼠相對於使用者顯示器螢幕左上角的X座標。
而event.screenY則是滑鼠相對於使用者顯示器螢幕左上角的Y座標。
在標準事件和IE事件中都定義了這2個屬性
2、event.clientX與event.clientY。
event.clientX是滑鼠相對於瀏覽器視窗可視區域的X座標(視窗座標),可視區域不包括工具欄和滾動條。
event.clientY是滑鼠相對於瀏覽器視窗可視區域的Y座標(視窗座標),可視區域不包括工具欄和滾動條。
3、event.offsetX與event.offsetY
offsetX 設定或獲取滑鼠指標位置相對於觸發事件的物件的 x 座標。
offsetY 設定或獲取滑鼠指標位置相對於觸發事件的物件的 y 座標。
這樣說,感覺還是有點難以理解,因此這裡用圖片來說明:
總結:screen是相對於螢幕而言的,而client則是相對於文件而言的,而offset則是相對於父容器而言的。
相關推薦
event.client、event.screen與event.offset(轉載)
1、event.screenX與event.screenY。 首先,event.screenX是滑鼠相對於使用者顯示器螢幕左上角的X座標。 而event.screenY則是滑鼠相對於使用者顯示器螢幕左上角的Y座標。 在標準事件和IE事件中都定義了這2個屬性 2、event.
python 分詞、自定義詞表、停用詞、詞頻統計與權值(tfidf)、詞性標註與部分詞性刪除
# -*- coding: utf-8 -*- """ Created on Tue Apr 17 15:11:44 2018 @author: NAU """ ##############分詞、自定義詞表、停用詞################ import jieba
淺談服務治理、微服務與Service Mesh(三) Service Mesh與Serverless
作為本系列文章的第三篇(前兩篇《淺談服務治理、微服務與Service Mesh(一)Dubbo的前世今生》,《淺談服務治理、微服務與Service Mesh(二) Spring Cloud從入門到精通到放棄》),本文主要為大家介紹一下當前非常火熱的Service
二十九、Linux 程序與訊號——minishell(2)
程式設計內容: 1.完成 echo env export 命令 2.完成前後臺程序 3.完成重定向 完整程式碼如下: 29.1 主函式、通用標頭檔案和Makefile 29.1.1 主函式 mshell_main.c 1 #include <stdio.
淺談服務治理、微服務與Service Mesh(一)Dubbo的前世今生
本系列文章將為大家介紹當下最流行的服務治理、微服務等相關內容,從服務治理、SOA、微服務到最新的服務網格(Service Mesh)進行綜合介紹和分析。易商阜極自2017年開始積極引進微服務的理念,並運用於多個專案實踐中,為專案升級改造帶來了顯著效果。本文將以D
二、Git入門與基本使用(2)
tty 個人 進制 mar reset rip directory remote tor 6、給文件重命名的簡便方法 使用: git move 命令可以給暫存區中的文件重命名 $ git mv first.txt first.md $ git status On bran
三、Git入門與基本使用(3)
hang roc rebase change cti http 直接 out watermark 11、分離頭指針情況下的註意事項 所謂分離頭指針,即在git切換到某一commit時,沒有綁定在分支或者tag上,此時如果在該commit下進行了文件修改,並且提交c
四、Git入門與基本使用(4)
沒有 object mod second osi type mark apply save 16、把連續的多個commit整理成1個 commit ce587039661c88fd508035fd103a012e33c057ac (HEAD -> temp) Auth
ubuntu16.04 python3.5 opencv的安裝與卸載(轉載)
卸載 doc csdn cal pac native sdn remove cut 轉載https://blog.csdn.net/qq_37541097/article/details/79045595 Ubuntu16.04 自帶python2.7和python3.5兩
迭代器與組合模式(轉載)
程式碼實在太多了,偷個懶轉載大佬的 https://www.cnblogs.com/lzhp/p/3427704.html 迭代器模式 提供了一種方法順序訪問一個聚合物件中的各個元素,而又不暴露內部的表示 把在元素之間遍歷的責任交給迭代器,而不是聚合物件 角色
PHP 底層的執行機制與原理解析(轉載)
我的另一篇文章:PHP底層工作原理 兩篇結合起來看,會更加好理解。 由於本人資料結構方面知識,淺薄,後面的尚未研究 關於 hash table ,這有個文章可以學習:HashTable原理和底層實現 關於 zval 可以研讀這個:入理解PHP7核心之zval
ASP.NET MVC中Section、Partial View 和 Child Action(轉載)
概括的講,View中的內容可以分為靜態和動態兩部分。靜態內容一般是html元素,而動態內容指的是在應用程式執行的時候動態建立的內容。給View新增動態內容的方式可歸納為下面幾種: Inline code,小的程式碼片段,如 if 和 foreach 語句。 Html helper方法,用來生成單個
HashTable、HashSet和Dictionary的區別(轉載)
The 調用 測試 opera lock-free api 結構 通過 屬於 1.HashTable哈希表(HashTable)表示鍵/值對的集合。在.NET Framework中,Hashtable是System.Collections命名空間提供的一個容器,用於處理和表
Java加密技術——公鑰與私鑰(轉載)
轉 Java加密技術——公鑰與私鑰(轉載) 公鑰與私鑰 1. 鮑勃有兩把鑰匙,一把是公鑰,另一把是私鑰。 2. 鮑勃把公鑰送給他的朋友們----帕蒂、道格、蘇珊----每人一把。 3. 蘇珊要給鮑勃寫一封保密的信。
理解Javascript中的事件繫結與事件委託(轉載)
最近在深入實踐js中,遇到了一些問題,比如我需要為動態建立的DOM元素繫結事件,那麼普通的事件繫結就不行了,於是通過上網查資料瞭解到事件委託,因此想總結一下js中的事件繫結與事件委託。 事件繫結 最直接的事件繫結:HTML事件處理程式 如下示例程式碼,通過節點屬性顯式宣
JAVA代理與動態代理(轉載)
關於Java中的動態代理,我們首先需要了解的是一種常用的設計模式--代理模式,而對於代理,根據建立代理類的時間點,又可以分為靜態代理和動態代理。 一、代理模式 代理模式是常用的java設計模式,他的特徵是代理類與委託類有同樣的介面,代理類主要負責為委託類預處理訊
sync,fsync,fdatasync,fflush區別與聯系(轉載)
fread 特征 include 完全 通過 訪問 需要 應用 信息 前言: Linux,unix在內核中設有 緩沖區高速緩沖或頁面高速緩沖,大多數磁盤I/O都通過緩沖進行,采用延遲寫技術。sync:將所有修改過的快緩存區排入寫隊列,然後返回,並不等待實際寫
java中的hasCode與equals理解(轉載)
1. 首先equals()和hashcode()這兩個方法都是從object類中繼承過來的。 equals()方法在object類中定義如下: public boolean equals(Object obj) { return (this == obj);
VIM 文件編碼識別與亂碼處理(轉載)
就會 windows 錯誤 永遠 文件編碼 得到 詞頻統計 工作 選擇 在 Vim 中,有四個與編碼有關的選項,它們是:fileencodings、fileencoding、encoding 和 termencoding。在實際使用中,任何一個選項出現錯誤,都會導致出現
R語言 quantile()和fivenum()的差別在於——加權平均與算術平均(轉載)
轉自:http://blog.sina.com.cn/s/blog_a184ae810102xqwe.html quantile()和fivenum()的本質差別在於,quantile()函式的演算法是採用加權平均,fivenum()是算術平均。這麼說可能不易理解,其