如何理解e.clientX和e.clientY e.screenX e.screenY

别人老是说e.clientX和e.clientY是可视区的坐标，后来我通过测试发现

e.clientX和e.clientY的坐标是你打开浏览器不是有一个方框吗？

你可以用鼠标直接点到他的最左边看它是不是0，如果是则说明是鼠标点击的地方与浏览器左边的边界线的距离。

你再点击浏览器左上角你看是不是0,0如果是说明clientX与clientY就是鼠标点击的地方与浏览器左边，顶部的边界的距离。

然后你再把浏览器窗口变小再试试，看看是不是相同结论，这里我只告诉如何去发现这些结论的方法，具体你自己探索。

e.screenX和e.screenY的坐标，依然是相同方法进行探索：

你会发现e.screenX再浏览器打开窗口最大化时是一个坐标，然后缩小窗口又是另一坐标，这不可能是上面结论，那么现在你利用鼠标点击你电脑屏幕的左边试一试。你发现是0，你再点击电脑的左上角试试，你发现是0，0

结论：对于你不理解的概念，你可以考虑它极端情形，例如前端的屏幕尺寸的情形就是电脑屏幕的四个角，浏览器窗口的四个角，这就是我告诉你考虑问题的一种方法，再比如当你在30岁选择编程时不知道对不对，你可以像乔布斯一样考虑极端情形，如果今天是我生命中最后一天，我该怎么办。