window 滚动条事件
window.onscroll = function(){}

window dom树加载完后执行
window.onload=function(){}

window窗口大小变化后执行
window.onresize=function(){}

jquery 给元素动态绑定事件 --- on
$("form").on("submit", false)

 

1、获取浏览器位置

IE6/7/8：可以使用 document.documentElement.scrollTop； 

Safari:  window.pageYOffset 与document.body.scrollTop都可以； 

Firefox: 直接用window.pageYOffset 或者 document.documentElement.scrollTop

Chrome：只认识document.body.scrollTop;

所有主流浏览器都支持 pageXOffset 和 pageYOffset 属性。

获取浏览器位置， 直接使用 document.body.scrollLeft 和 document.body.scrollTop 或者 window.pageXoffset 与 window.pageYoffset。

 

2、js中获取当前位置有如下几种方法

event.offsetX,   （IE属性，测试都可以使用）

event.offsetY,    （IE属性，测试都可以使用）

event.clientX, 

event.clienY,

event.scrennX,

event.screenY,

 

event.screenX和event.screenY是相对于显示屏的位置。
event.clientX和event.clientY是相对于浏览器的位置。
event.offsetX和event.offsetY是相对于元素的位置。

参考 : https://blog.csdn.net/qq_35534823/article/details/52912376

 

获取鼠标距浏览器显示窗口的长度。
event.clientX
event.clientY

被点击的元素距左上角为参考原点的长度
event.offsetX
event.offsetY

获取鼠标点击位置到屏幕显示器的距离
event.screenX
event.sreenY

参考:https://www.jianshu.com/p/a52077e8369d

浏览器窗口相关的信息: https://www.cnblogs.com/pengcc/p/4126687.html

 

HTML5 Canvas：绘制文字

https://www.jianshu.com/p/cff0a4011ce2

http://www.w3school.com.cn/tags/canvas_globalcompositeoperation.asp