js在点击时传递的event中的方法有那些

在JavaScript中，当一个元素被点击时，会触发一个事件，该事件是一个事件对象（event object），可以包含多个方法。以下是一些常用的事件方法：

1. `event.preventDefault()`：阻止默认行为，比如阻止链接的跳转或表单的提交。

2. `event.stopPropagation()`：停止事件冒泡，防止事件的父元素也接收到该事件。

3. `event.target`：获取触发事件的元素。

4. `event.currentTarget`：获取绑定事件的元素。

5. `event.clientX`和`event.clientY`：获取鼠标点击位置的相对坐标。

6. `event.pageX`和`event.pageY`：获取鼠标点击位置的绝对坐标。

7. `event.which`：获取触发事件的按键编号。

8. `event.type`：获取触发的事件类型，例如click、mousedown、mouseup等。

注意：以上方法和属性并非全部，还有许多其他方法和属性可以使用，具体使用哪些方法和属性，需要根据具体的应用场景而定。

相关问题

点击按钮将表单内容传递给列表显示JS方法

您可以使用以下代码将表单内容传递给列表显示的 JavaScript 方法：

HTML 部分：

<form id="myForm">
  <input type="text" id="textInput">
  <button type="submit">提交</button>
</form>

<ul id="myList"></ul>

JavaScript 部分：

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单提交的默认行为

  var inputText = document.getElementById("textInput").value; // 获取输入框的值

  addToList(inputText); // 调用列表显示的方法，将输入框的值传递给它

  document.getElementById("textInput").value = ""; // 清空输入框
});

function addToList(text) {
  var listItem = document.createElement("li"); // 创建新的列表项
  listItem.textContent = text; // 设置列表项的文本内容

  document.getElementById("myList").appendChild(listItem); // 将列表项添加到列表中
}

这段代码会监听表单的提交事件，获取输入框中的值，然后通过调用 `addToList` 函数将其添加到列表中。最后，清空输入框的值以便下一次输入。

请注意，这只是一个简单的示例，您可能需要根据您的具体需求进行修改。

点击按钮将表单内容传递给表格显示JS方法

您可以使用以下代码将表单内容传递给表格显示的 JavaScript 方法：

HTML 部分：

<form id="myForm">
  <input type="text" id="textInput">
  <button type="submit">提交</button>
</form>

<table id="myTable">
  <thead>
    <tr>
      <th>内容</th>
    </tr>
  </thead>
  <tbody></tbody>
</table>

JavaScript 部分：

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单提交的默认行为

  var inputText = document.getElementById("textInput").value; // 获取输入框的值

  addToTable(inputText); // 调用表格显示的方法，将输入框的值传递给它

  document.getElementById("textInput").value = ""; // 清空输入框
});

function addToTable(text) {
  var tableRow = document.createElement("tr"); // 创建新的表格行
  var tableData = document.createElement("td"); // 创建新的表格数据
  tableData.textContent = text; // 设置表格数据的文本内容

  tableRow.appendChild(tableData); // 将表格数据添加到表格行中
  document.querySelector("#myTable tbody").appendChild(tableRow); // 将表格行添加到表格中
}

这段代码会监听表单的提交事件，获取输入框中的值，然后通过调用 `addToTable` 函数将其添加到表格中。最后，清空输入框的值以便下一次输入。

请注意，这只是一个简单的示例，您可能需要根据您的具体需求进行修改。