返回博客

JS 拦截鼠标事件

JavaScript 代码示例,用于拦截鼠标事件并记录鼠标位置和目标元素 ID。代码使用 `document.addEventListener('click', TrackMouse)` 监听点击事件,并通过 `TrackMouse` 函数记录事件信息。

Mt.r
|

https://stackoverflow.com/questions/20014390/intercept-all-mouse-events

var eventCount = 0;
var eventProperty = [];

var TrackMouse = function (mouseEvent) {
  eventProperty[eventCount++] = {
    id: mouseEvent.toElement.id,
    type: 'mouse',
    ts: Date.now(),
    x: mouseEvent.x,
    y: mouseEvent.y,
  };

  console.log(
    'Element id: ' +
      eventProperty[eventCount - 1].id +
      ', X: ' +
      mouseEvent.x +
      ', Y: ' +
      mouseEvent.y +
      '\n'
  );
};

document.addEventListener('click', TrackMouse);