javascript – 通过chrome扩展获取鼠标坐标

前端之家收集整理的这篇文章主要介绍了javascript – 通过chrome扩展获取鼠标坐标前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我很想知道是否有办法通过镀铬扩展获得鼠标坐标,然后使用这些坐标来检查该人是否已点击该位置?

解决方法

获取鼠标坐标非常简单,将其放在 content script中:
  1. document.onmousemove = function(e)
  2. {
  3. var x = e.pageX;
  4. var y = e.pageY;
  5. // do what you want with x and y
  6. };

本质上,我们将一个函数分配给整个页面的onmousemove事件,并从事件对象中获取鼠标坐标(e).

但是,我不完全确定你的意思是:

then use these coordinates to check if the person has clicked in that position ?

您想检查用户是否点击了按钮之类的内容吗?在这种情况下,您可以简单地将事件订阅到该按钮(或任何其他元素),如下所示:

  1. document.getElementById("some_element").onclick = function(e)
  2. {
  3. alert("User clicked button!");
  4. };

记录所有鼠标点击及其位置:

  1. document.onclick = function(e)
  2. {
  3. // e.target,e.srcElement and e.toElement contains the element clicked.
  4. alert("User clicked a " + e.target.nodeName + " element.");
  5. };

请注意,事件对象(e)中的鼠标坐标仍然可用.

如果您在用户单击任意位置时需要坐标,则可以解决这个问题:

  1. document.onclick = function(e)
  2. {
  3. var x = e.pageX;
  4. var y = e.pageY;
  5. alert("User clicked at position (" + x + "," + y + ")")
  6. };

猜你在找的JavaScript相关文章