screen,client,page三种确定鼠标坐标的区别和原生JS事件写法，区别于Jquery的$.on(x,y);和$.click()...

screenX clientX pageX的区别

screenX:鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。

clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角，该参照点会随之滚动条的移动而移动。

pageX：参照点也是浏览器内容区域的左上角，但它不会随着滚动条而变动

JS原生事件的写法

①

    document.onclick = function(){alert(1);   //只要是点击页面的任何一个地方，都会弹1.};

②

<script>function test(){console.log('123');}
</script><button οnclick='test()' >adadas</button>

document.onclick = function(){

alert(1); //只要是点击页面的任何一个地方，都会弹1.

};

转载于:https://www.cnblogs.com/cndotabestdota/p/7232815.html

screen,client,page三种确定鼠标坐标的区别和原生JS事件写法，区别于Jquery的$.on(x,y);和$.click()...相关推荐

原生JS事件绑定的三种方式
JavaScript绑定事件的方法要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定"事件处理函数".所谓事件处理函数,就是处理用户操作的函数,不同的 ...
html鼠标滚动图片渐渐淡出,原生js和jquery实现图片轮播淡入淡出效果
图片轮播有很多种方式,这里采用其中的淡入淡出形式 js原生和jQuery都可以实现,jquery因为封装了很多用法,所以用起来就简单许多,转换成js使用,其实也就是用js原生模拟出这些用法. 但不管 ...
js检测鼠标是否在操作_原生JS趣味demo：炫酷头像鼠标追随效果的实现
我们常在一些网页中可以看到鼠标追随效果一个简单的图片.动画甚至一小段文字都可以作为鼠标跟随的载体之前咱们的直播课中老师也讲过相关的canvas追随粒子特效今天就让我们一起来用原生js ...
java xfire client_XFire的Client的三种模式(转)
1.Client开发者拥有Web服务端的class 即:能拿到服务端的接口Class和Entity类及aegis 配置文件 //传统POJO模式 Service srvcModel = new Obj ...
VMware运行Ubuntu 三种网络连接方式：bridge、NAT、Host-Only的区别
https://www.cnblogs.com/janealer/p/5222489.html 我的Host是Windows7,安装VMware虚拟机,在虚拟机中装了Ubuntu10.04,首先介绍下 ...
destoryed、beforeRouteLeave、afterEach三种响离开当前页面时的执行某个命令的区别
destoryed是当我们离开这个页面的时候,便会调用这个函数(具体可以看看vue的的生命周期),我们常用来销毁一些监听事件及定时函数 // 销毁时调用的函数 destroyed() { this ...
Linux中三种引号(单引号、双引号、反引号)的区别
1. 双引号保护特殊元字符和通配符不被shell解析,但是允许变量和命令的解析,以及转义符的解析. 2. 单引号单引号内不允许任何变量.元字符.通配符.转义符被shell解析,均被原样输出. 使用 ...
滚轮y坐标html,web交互之js事件
前言事件是用来实现js和html之间交互的,可以用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码.这种在传统软件工程中被称为观察员模式的模型,支持页面的行为(js)与页面的外观(htm ...
JavaScript概述和HTML中嵌入JavaScript的三种方式
"成功没有捷径,脚踏实地一步一个脚印,该来的总会来,不好高骛远,不急功近利,付出总会有回报,不管处于哪个阶段,都要一步一个脚印,踏实的走好每一步!" 目录 01.JavaScrip ...

screen,client,page三种确定鼠标坐标的区别和原生JS事件写法，区别于Jquery的$.on(x,y);和$.click()...

screenX clientX pageX的区别

screen,client,page三种确定鼠标坐标的区别和原生JS事件写法，区别于Jquery的$.on(x,y);和$.click()...相关推荐

最新文章

热门文章