純JS獲取滑鼠位置 和 jQuery獲取滑鼠位置對比
首先上jQuery的:
$(".xxx").click(function(event) {
var xx = event.pageX;
var yy = event.pageY;
alert(xx + yy);
});
然後是JS的:
var newX = window.event.x + document.body.scrollLeft;// 獲取x軸位置
var newY = window.event.y + document.body.scrollTop;// 獲取y軸位置
alert(newX + newY);
兩個都玩過了,發現IE中純JS的支援有點差,各種版本的IE有問題,會報奇奇怪怪的問題。
所以建議一般情況都用jQuery寫前臺的js程式碼,避免需要除錯相容各種瀏覽器版本。
相關推薦
純JS獲取滑鼠位置 和 jQuery獲取滑鼠位置對比
首先上jQuery的: $(".xxx").click(function(event) { var xx = event.pageX; var yy = event.pageY; alert(xx + yy); }); 然後是JS的: va
js中的forEach和jQuery中的each對比
對於遍歷陣列的元素,js和jquery都有類似的方法,js中的是forEach方法,jquery中的則是each方法;簡單的示例如下://首先定義一個數組var arr=['a','b',12];//當js的forEach方法的匿名函式引數列表只有一個時,代表的是陣列的元素
Js和Jquery獲取選中select值和文字
原文連結:http://www.cnblogs.com/shenyixin/archive/2012/12/11/2813221.html JS: <body> <select name="PaymentType" style="width:110px" &g
Js和Jquery獲取節點、屬性等
1、 獲取和設定屬性 Jquery: $("#testid").attr("value"); //獲取屬性為value的值 $("#testid").attr("value","1"); //設定屬性為value的值 $("#testid").removeAttr("val
JS和Jquery獲取和修改label的值
獲取值: label標籤在JS和Jquery中使用不能像其他標籤一樣用value獲取它的值: var label=document.getElementById("id");var value=label.value;var value=$("#id").val();可以這樣:JS: var label
js和jquery獲取父級元素、子級元素、兄弟元素的方法
最近工作中總遇到取各種父啊子啊兄弟姐妹啊,每次都得查,這次整理個全乎的~ 【js的獲取方式】 function dom(){ var a = document.getElementByIdx_x_x("dom"); var b =
JS和jquery獲取各種螢幕的寬度和高度
在《 》中,需要用到計算當前頁面的寬度,結合iframe的寬度來調整iframe的大小,在前文中計算當前頁面寬度使用的是 window.screen.width,發現在ios裝置是正常縮放,而在Android裝置總是超出螢幕寬度,經過除錯發現window.scree
js和jquery獲取頁面高寬度等資料
網頁可見區域寬:document.body.clientWidth 網頁可見區域高:document.body.clientHeight 網頁可見區域寬:document.body.offsetWidth(包括邊線的寬) 網頁可見區域高:document.body.off
JavaScript和JQuery獲取DIV的值
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!  
Javascript和JQuery獲取瀏覽器視窗各種尺寸
原生JS 視窗尺寸: console.log('window.innerWidth = ' + window.innerWidth + '---window.innerHeight = ' + window.innerHeight) console.log('documen
js獲取修改title與jQuery獲取修改title
js修改title title在html中屬於特殊的節點元素.因為它可以使用doucment.getElementsByTagName(“title”)[0]來獲取它的標題,但卻無法用doucment.getElementsByTagName(“title”)
HTML5+js的兩種輪播圖(靜態獲取圖片方法和動態獲取圖片)
第一種:靜態獲取圖片寫法,給定圖片的個數,用js實現輪播圖自動轉換。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D
javascript和jQuery獲取螢幕寬度和高度
javascript 網頁可見區域寬: document.body.clientWidth 網頁可見區域高: document.body.clientHeight 網頁可見區域寬: documen
滑鼠事件和座標獲取(視窗座標和螢幕座標)
本文主要介紹重寫自帶的一些方法,拾取螢幕和視窗座標資訊 效果如下: 分析: 定時服務:在固定一段時間後執行相關的函式方法,例如這裡表示的是在0秒後執行self.giveHelp這個方法 QTimer.singleShot(0, s
JavaScript和jQuery獲取inpu…
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www
js自定data-*和jquery的data()用法
完全 其中 重要 中一 ons 代理 前綴 clas 標簽 一、data-* : data-*是HTML5中的新屬性。 data-*的定義和用法: data-* 屬性用於存儲頁面或應用程序的私有自定義數據。 data-* 屬性賦予我們在所有 HTML 元素上嵌入
Android之Glide獲取圖片Path和Glide獲取圖片Bitmap
今天主要研究了Glide獲取圖片Path、Bitmap用法,相信也困擾了大家很久,我在網上也找了很久,基本沒有,後來研究了下,也參考了下api文件,總結了以下幾個方式: 獲取Bitmap: 1)在圖片下載快取好之後獲取 Glide.with(mContext).load
js裡的forEach和jquery裡的each比較
遍歷陣列元素: js和jQuery都有類似的方法,Js用的是forEach;而jQuery用的是each。 eg: var arr = new Array(["b",2,"a",4],["c",3,"d",6]); arr.forEach(function(item){ al
Ajax(Js原生的Ajax和Jquery的Ajax)
Jquery是JS封裝的框架,所以Jquery中也維護著Ajax的內容; 即Jquery內部也對Js原生的Ajax進行了封裝 無刷新技術(非同步): 非同步查詢:輸入使用者名稱介面沒有重新整理但是可以判斷該使用者是否存在 站內查詢:網站內部輸入資訊沒有重新整理就會在輸入框下面智
Android 獲取 螢幕寬度和高度——獲取文字高度和寬度
獲得螢幕寬度和高度 //直接在子元件中 1、WindowManager wm = (WindowManager) getContext() .getSystemService(Context.WINDOW_SERVI