亚洲必赢76net > 机械设备 > clientX/Y, pageX/Y and screenX/Y

原标题:clientX/Y, pageX/Y and screenX/Y

浏览次数:157 时间:2019-12-29

上海川奇机电设备有限公司联系人:李丹电话:021-58126110-811 手机:17740871467 QQ:28506688005邮箱:ld@shcq360.comLEMOERA.3Y.415.CTL LEMOFFA.3Y.415.CLAC52 hainbuchNr:10811/0002 DURAG D-R-220M neptune chemical pump7220-N5 OTT 95.101.991.3.2 TELWINDYNAMIC 620 START OTT 95.600.588.9.2 Brinkmann TFS364/50 DEUBLIN357-050-002 Magtrol 1WB65 VEGAWELLWL52.XMGADTD1DC1X EUROTISEUROTIS A03-0005-0798 BROOKS CROMPTON W-EF180LN-D EUROTISEUROTIS A03-0005-0798 EUROTISEUROTIS A02-0010-0726 EUROTISEUROTIS A03-0005-0798 EUROTISEUROTIS A02-0010-0726 EUROTISEUROTIS A03-0005-0799 EUROTISEUROTIS A02-0010-0727 EUROTISEUROTIS A03-0005-0798 EUROTISEUROTIS A02-0010-0726 EUROTISEUROTIS A03-0010-0785 EUROTISEUROTIS A02-0010-0724 EUROTISEUROTIS Faltenbalg A01-0001-0683 LENGTH=100M EUROTISEUROTIS Faltenbalg A01-0001-0675 LENGTH=300M EUROTISEUROTIS Faltenbalg A01-0001-0687 LENGTH=300M EUROTISEUROTIS Faltenbalg A01-0001-0658 LENGTH=200M

766net必赢 1

基本定义看着头晕?下面网址是测试的,一目了然!
766net必赢,http://www.quirksmode.org/m/tests/mouseprops.html

关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种

  • event.clientX/Y
  • event.pageX/Y
  • event.offsetX/Y
  • event.layerX/Y
  • event.screenX/Y

 

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

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

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

15分钟速成诗

clientX/Y:

clientX/Y获取到的是触发点相对浏览器可视区域左上角距离,不随页面滚动而改变

兼容性:所有浏览器均支持

你有一种别致的美

pageX/Y:

pageX/Y获取到的是触发点相对文档区域左上角距离,会随着页面滚动而改变

兼容性:除IE6/7/8不支持外,其余浏览器均支持

像初升的霞在微笑

offsetX/Y:

offsetX/Y获取到是触发点相对被触发dom的左上角距离,不过左上角基准点在不同浏览器中有区别,其中在IE中以内容区左上角为基准点不包括边框,如果触发点在边框上会返回负值,而chrome中以边框左上角为基准点。

兼容性:IE所有版本,chrome,Safari均完美支持,Firefox不支持

像盛夏的叶在舞蹈

 layerX/Y:

layerX/Y获取到的是触发点相对被触发dom左上角的距离,数值与offsetX/Y相同,这个变量就是firefox用来替代offsetX/Y的,基准点为边框左上角,但是有个条件就是,被触发的dom需要设置为position:relative或者position:absolute,否则会返回相对html文档区域左上角的距离

兼容性:IE6/7/8不支持,opera不支持,IE9/10和Chrome、Safari均支持

本文由亚洲必赢76net发布于机械设备,转载请注明出处:clientX/Y, pageX/Y and screenX/Y

关键词:

上一篇:国有企业办教育及医疗机构2018年底将基本完成改制移交

下一篇:HEIDENHAIN- LC185 ID:689696-09