JavaScript 监听样式元素鼠标移动事件

要监听某个样式的鼠标移动事件，可以使用 JavaScript 中的 Event 对象和 addEventListener() 方法。

首先，需要获取所有带有该样式的元素。可以使用 document.querySelectorAll() 方法来获取所有拥有该样式的元素。

然后，使用 addEventListener() 方法来给每个元素添加鼠标移动事件监听器。在监听器函数中，可以使用 Event 对象来获取鼠标的位置信息。

以下是一个示例代码：

// 获取所有带有 'my-style' 样式的元素
var elements = document.querySelectorAll('.my-style');

// 给每个元素添加鼠标移动事件监听器
for (var i = 0; i < elements.length; i++) {
  elements[i].addEventListener('mousemove', function(event) {
    // 获取鼠标位置信息
    var x = event.clientX;
    var y = event.clientY;
    
    // 在控制台中输出位置信息
    console.log('Mouse position: ' + x + ', ' + y);
  });
}

在这个示例中，我们为所有带有 'my-style' 样式的元素添加了鼠标移动事件监听器。当鼠标在元素上移动时，监听器函数会获取鼠标的位置信息，并在控制台中输出。