用javascript获取当页面上鼠标光标位置和触发事件的对象的代码

获取鼠标光标位置和触发事件对象是Javascript开发中常用的技能，下面将介绍如何使用Javascript获取鼠标光标位置和事件对象。

获取鼠标光标位置

获取鼠标光标位置可以使用鼠标事件的clientX和clientY属性。clientX和clientY表示鼠标当前的X坐标和Y坐标。

示例一：在鼠标点击事件中获取光标位置

document.addEventListener('click', function(event) {
  var x = event.clientX;
  var y = event.clientY;
  console.log(`光标位置：x=${x}，y=${y}`);
});

上面的示例中，我们使用addEventListener函数来监听鼠标点击事件。在事件处理函数中，通过调用event.clientX和event.clientY来获取光标的横向和纵向位置。

示例二：在鼠标移动事件中获取光标位置

document.addEventListener('mousemove', function(event) {
  var x = event.clientX;
  var y = event.clientY;
  console.log(`光标位置：x=${x}，y=${y}`);
});

上面的示例中，我们使用addEventListener函数来监听鼠标移动事件。在事件处理函数中，通过调用event.clientX和event.clientY来获取光标的横向和纵向位置。

获取事件对象

获取事件对象可以使用event参数。事件对象是浏览器在触发事件时自动生成的一个对象，包含了当前事件的所有相关信息。

示例一：在鼠标点击事件中获取事件对象

document.addEventListener('click', function(event) {
  console.log(`事件类型：${event.type}`);
  console.log(`触发元素：${event.target.tagName}`);
  console.log(`按键状态：${event.button}`);
});

上面的示例中，我们使用addEventListener函数来监听鼠标点击事件。在事件处理函数中，通过打印event参数的属性，可以获取事件的类型、触发元素和按键状态等信息。

示例二：在键盘按下事件中获取事件对象

document.addEventListener('keydown', function(event) {
  console.log(`事件类型：${event.type}`);
  console.log(`按键代码：${event.keyCode}`);
});

上面的示例中，我们使用addEventListener函数来监听键盘按下事件。在事件处理函数中，通过打印event参数的属性，可以获取事件的类型和按键代码等信息。

总结：

通过上述的两组示例，我们可以很清楚的看到如何使用Javascript获取鼠标光标位置和触发事件对象。在实际开发中，我们可以根据需要选择合适的事件类型来监听，进而实现更加丰富的交互效果。