Button的eventName有哪些

Button的eventName可以是以下几种：

1. Click：用户单击按钮触发的事件。
2. DoubleClick：用户双击按钮触发的事件。
3. MouseOver：鼠标移动到按钮上触发的事件。
4. MouseOut：鼠标从按钮上移开触发的事件。
5. MouseDown：用户按下鼠标左键触发的事件。
6. MouseUp：用户释放鼠标左键触发的事件。
7. KeyDown：用户按下键盘上任意键触发的事件。
8. KeyUp：用户释放键盘上任意键触发的事件。

以上是常见的Button事件名称，具体还可以根据需求自定义eventName。

相关问题

从SubmitEvent 里获取 name 的值

要从 `SubmitEvent` 中获取 `name` 的值，你可以使用 `event.target.name`。

在你的事件处理函数中，将事件对象 `event` 作为参数传递，然后通过 `event.target.name` 来获取表单元素的 `name` 属性的值。

以下是一个示例代码：

<template>
  <form @submit="submitForm">
    <input type="text" name="username">
    <button type="submit">Submit</button>
  </form>
</template>

<script>
export default {
  methods: {
    submitForm(event) {
      event.preventDefault(); // 阻止表单默认提交行为
      const name = event.target.name;
      console.log(name); // 输出 name 的值
    }
  }
};
</script>

在上面的代码中，我们通过 `@submit` 指令将表单的提交事件与 `submitForm` 方法绑定。在 `submitForm` 方法中，我们使用 `event.preventDefault()` 阻止了表单的默认提交行为，并通过 `event.target.name` 获取了输入框的 `name` 值。

请根据你的具体需求和代码结构调整代码。如果还有其他问题，请随时提问。

h5点击事件有哪些方式

HTML5提供了多种方式来绑定点击事件，包括：

1. 传统的HTML事件属性绑定方式（不推荐使用）：

<button onclick="handleClick()">点击我</button>

2. addEventListener()方法绑定事件：

<button id="btn">点击我</button>
<script>
  const btn = document.getElementById('btn');
  btn.addEventListener('click', handleClick);
  function handleClick() {
    // 处理点击事件
  }
</script>

3. 使用事件委托（event delegation）：

<ul id="list">
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ul>
<script>
  const list = document.getElementById('list');
  list.addEventListener('click', function(event) {
    if(event.target.tagName === 'LI') {
      // 处理点击事件
    }
  });
</script>

推荐使用 addEventListener() 方法来绑定事件，因为它可以方便地添加和删除事件监听器。使用事件委托可以减少事件处理程序的数量，提高性能。