1. 程式人生 > >js實現滑鼠點選獲取相對於整個頁面的位置

js實現滑鼠點選獲取相對於整個頁面的位置

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
    <head>
        <title>JS 獲取圖片相對座標 </title>
        <meta name="generator" content="editplus">
        <meta name="author" content="">
        <meta name="keywords" content="">
        <meta name="description" content="">
        <script type="text/javascript" >
        function forward(event){
        var e = event || window.event;
        var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
        var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
        var x = e.pageX || e.clientX + scrollX;
        var y = e.pageY || e.clientY + scrollY;
        alert(x+","+y); //相對於瀏覽器
        }
        document.onclick=forward;
        </script>
    </head>
    <body>
        <div height="1800px" width="1800px"> </div>
    </body>
</html>

相關推薦

js實現滑鼠獲取相對整個頁面位置

<!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <html> <head>

原生js實現滑鼠切換效果

今天之所以寫一篇關於js的程式碼實現,一方面是因為個人習慣用jquery編寫程式碼,另一方面是因為github這個大平臺拋棄了jquery。 Jquery是一個js庫,極大簡化js程式設計,使用方便,相容性好,這篇文章就以一個例子來說明jq和js的編寫差別。 首先我們看一下效果圖:

中高階前端應該必會,js實現事件委託代理、切換樣式、元素獲取相對文件位置

1、介紹   隨著元件開發大流行,現在三大框架已經基本佔領了整個前端。   這時候,我們要是引入一個 jq 是不是先得你的專案非常臃腫,jq 也很不適合。   這個時候,你就需要來增加你 js 的功底。 2、各種操作   1、事件委託   案例分析: <ul id= "list

Unity實現滑鼠地面的任意位置,則角色會立即走到滑鼠位置

一、建立一個角色,並給角色新增 CharacterController 控制器,這裡以簡單的Capsule物體作為角色示例,如下所示: 二、編寫控制角色移動的指令碼  RayDemo2_CCWalking.cs /*** * * Title: * 射

JS區分滑鼠的行為

IE 下 onMouseDown 事件有個 events.button 可以返回一個數值,根據數值判斷取得使用者按了那個滑鼠鍵 events.button==0  預設。沒有按任何按鈕。 events.button==1  滑鼠左鍵 events.bu

[原始碼和文件分享]使用mouse_event函式實現滑鼠模擬

背景 如果你對外掛有過一些瞭解,那麼滑鼠、鍵盤的模擬功能,肯定是學外掛的入門必修技術。所謂的滑鼠模擬、鍵盤模擬,就是不需要物理點選、物理按鍵,純粹使用程式設計手段,實現和物理點選、物理按鍵相同功能的操作。 當然,根據使用的程式設計技術,不同模擬效果也不同。初學者必修的當然是在應用層使用mou

unity實現滑鼠後拖拽物體

我們經常要在unity中實現,滑鼠點選物體後,選中物體。然後物體跟隨滑鼠,直到拖拽到指定物體位置,也就是吸附到指定物體上去。 (1)此案例中有兩個物體。 (2)tougu001和tougu002,附加

百度地圖JS-API:獲取經緯度以及地址

1.引入JS: <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的金鑰">

js實現按鈕60秒後重新啟用(重新發送驗證碼)

        var wait = 60;        function time(btn) {            if (wait == 0) {                btn.removeAttribute("disabled");           

【Unity 3D學習】滑鼠控制人物移動到目標位置

一、第一種情況,不帶自動尋路功能。 Vector3 targetPoint = Vector3.zero; //滑鼠點選的位置 CharacterController controller; void Start () { targetPoint =

JS-設定/獲取滑鼠游標所在位置獲取滑鼠位置

滑鼠游標所在位置 // 設定滑鼠游標所在位置. function setCaretPosition(elem, pos){//設定游標位置函式 if(elem.setSelectionRange) { elem.focus(); elem.setS

C++實現WebBrowser控制元件中對滑鼠事件的監聽,並獲取標籤的超連結

        主要步驟如下:         1、接收網頁事件(參考資料) 要響應網頁事件,需要實現IDispatch介面,並在其Invoke()方法中處理收到的訊息。對於MFC,因為CCmdTarget類已經實現了該介面,所以只需要繼承CCmdTarget並結合相關巨

JS獲取滑鼠圖片時點選點所在圖片的寬高的百分比

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-

利用photoView實現放大到全屏顯示的控制元件,效果類似微信朋友圈點開看大圖

此控制元件繼承自ImageView,實現效果與微信朋友圈點開看大圖相似,點選控制元件後進入沉浸模式全屏顯示大圖,全屏時雙擊或手指拉伸可放大圖片,單擊會退出全屏 老規矩,先上控制元件實現程式碼: /** * 可點選放大全屏顯示的imageView * Created by Administ

unity3d滑鼠獲取世界座標

unity中有關於滑鼠位置的函式,Input.mousePosition。但不得不說,這個函式不到位,可以用一個print函式輸出一下這個座標會發現,只有X,Y值在改變,Z值沒有發生變化,並且在螢幕的左下角固定為(0,0,0),檢視文件後發現,文件上是這麼寫的。 The current mo

JS特效教程:給網站新增滑鼠彈出指定漢字特效

網站新增滑鼠點選彈出指定漢字特效,就是滑鼠點選站點任何位置,都會隨機彈出我們指定的一組漢字中的一個。比如指定“文明,自由,民主,公正,和諧”等,點選滑鼠時就會隨機顯示這一組的某個詞語,見下圖: 給網站新增滑鼠點選彈出指定漢字特效的操作辦法 這個特效不單單適用於 WordPress 部落

JS - 迴圈繫結實現轉換CSS類

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>案例</title> <style type="text/css">

如何實現一個 滑鼠特效的 chrome外掛

如何實現一個 滑鼠點選特效的 chrome外掛 參考資料:chajian.baidu.com/developer/e… 預覽效果:tzc123.github.io/cursor_spec… 在這個年代,不用chrome都不好意思說自己是敲程式碼的。特別是前端,chrome對於前端來說簡直是除錯利器,不可

陰陽師魂十掛機實現(後臺控制代碼截圖+滑鼠

        學習繁忙,但是作為癢癢鼠的忠實粉,抽空寫了個小指令碼,後臺掛機魂十,業原火,御靈,覺醒,還是美滋滋的。 指令碼實現的關鍵主要有兩部分:一是通過控制代碼後臺獲得截圖,二是通過控制代碼後臺對視窗傳送滑鼠點選

jq實現跟隨滑鼠移動的下劃線效果

效果如下: 1.html程式碼:   1 <div class="center-left-tap"> 2 <a href="javascript:void (0)" style="color: #1c1c1c;" class="current" oncli