📅 最后修改于: 2023-12-03 15:31:38.137000 🧑 作者: Mango
Javascript onclick 是在 HTML 中用来触发事件的方法。通过该方法，可以实现对一个 HTML 元素的点击事件进行响应。下面我们将介绍如何使用 Javascript onclick 方法获取事件。
onclick 方法是 Javascript 中用来添加事件监听器的方法。它可以通过 HTML 标签的属性来添加事件监听器，也可以通过 Javascript 代码来添加事件监听器。
HTML 标签中添加 onclick 的方式如下：
<button onclick="myFunction()">点击我</button>
这里的 onclick 属性会在按钮被点击时调用 myFunction() 函数。
Javascript 中添加 onclick 的方式如下：
document.getElementById("myBtn").onclick = function() {
myFunction();
};
这里我们获取了一个名为 "myBtn" 的 HTML 元素，并给它添加了一个 onclick 事件监听器，当点击该元素时，会调用 myFunction() 函数。
在 onclick 事件触发时，我们可以获取事件相关信息，例如鼠标位置、按键等。可以通过事件对象来获取这些信息，事件对象是在 onclick 事件被触发时自动创建的。
事件对象是通过 event 参数传递给 onclick 事件处理函数的。例如：
<button onclick="myFunction(event)">点击我</button>
在这个例子中，我们把 event 参数传递给了 myFunction() 函数。
通过事件对象可以获取到很多事件相关信息，下面是一些常用的属性：
event.clientX：鼠标相对于浏览器窗口左上角的 X 坐标event.clientY：鼠标相对于浏览器窗口左上角的 Y 坐标event.pageX：鼠标相对于页面左上角的 X 坐标event.pageY：鼠标相对于页面左上角的 Y 坐标event.target：触发事件的 HTML 元素event.type：事件类型event.keyCode：按键码（只有在按下键盘时才能获取到）下面是一个完整的代码示例，演示如何获取 onclick 事件相关信息：
<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction(event)">点击我</button>
<p id="demo"></p>
<script>
function myFunction(event) {
var x = event.clientX;
var y = event.clientY;
var target = event.target;
document.getElementById("demo").innerHTML = "鼠标位置：" + x + " , " + y + "<br>触发事件的元素：" + target.tagName;
}
</script>
</body>
</html>
该代码会在按钮被点击时，显示鼠标位置和触发事件的元素标签名。