Javascript Inline onclick 获取事件

在HTML中，可以使用 onclick 属性来指定当元素被点击时所要执行的JavaScript代码。onclick 事件通常与内联JavaScript一起使用，以便在用户与HTML元素进行交互时调用JavaScript函数。

以下是使用内联JavaScript注册 onclick 事件的简单示例：

<button onclick="myFunction()">Click me</button>

<script>
function myFunction() {
  alert("Hello World!");
}
</script>

上面的代码在HTML中定义了一个按钮，当用户点击该按钮时，会弹出一个带有“Hello World!”消息的警告框。

在JavaScript中，可以使用 event 对象来获取有关被触发的事件的信息。 event 对象包含有关事件的许多详细信息，例如事件类型，事件的目标元素和鼠标指针的位置等。

以下是一个使用 event 对象获取 onclick 事件的参考示例：

<button onclick="myFunction(event)">Click me</button>

<script>
function myFunction(event) {
  alert("Event type: " + event.type);
  alert("Target element: " + event.target.tagName);
}
</script>

上面的代码中，我们传递 event 对象作为参数，然后在JavaScript函数中使用该对象来获取 onclick 事件的详细信息。 具体而言，我们使用 type 属性来获取事件的类型，并使用 target 属性来获取事件的目标元素。

在内联JavaScript中使用 onclick 事件可以使HTML元素更加交互性。使用 event 对象，您可以访问有关事件的详细信息，从而对事件做出更有针对性的响应。