一、input点击事件怎么写
input点击事件是指用户在页面上点击或输入时触发的事件。在HTML中，用input元素表示用户输入框，用textarea元素表示多行输入框。在JavaScript中，我们通常使用addEventListener()或attachEvent()来绑定input事件。例如：
let inputElement = document.querySelector('#input-box')
inputElement.addEventListener('input', function (event) {
console.log(event.target.value); // 输出当前输入框内容
})
这段代码通过查询DOM树中id为input-box的元素，绑定了一个input事件。当输入框的内容发生变化时，console.log()方法会将当前输入框的内容输出到浏览器控制台上。
二、js绑定input事件
在JavaScript中，我们可以使用addEventListener()方法或attachEvent()方法来绑定input事件。这两个方法有所不同，addEventListener()方法是标准DOM方法，而attachEvent()方法只适用于在IE浏览器中使用。例如：
let inputElement = document.querySelector('#input-box')
// 使用addEventListener()绑定input事件
inputElement.addEventListener('input', function (event) {
console.log(event.target.value); // 输出当前输入框内容
})
// 使用attachEvent()绑定input事件（仅适用于IE浏览器）
inputElement.attachEvent('oninput', function (event) {
console.log(event.target.value); // 输出当前输入框内容
})
上面两段代码都绑定了一个input事件，但使用的方法不同。注意绑定事件时，圆括号中的事件名要加上on前缀。例如，使用addEventListener()时事件名为'input'，而使用attachEvent()时事件名应为'oninput'。
三、button按钮的点击事件
与input事件不同，button事件是指用户在页面上点击button元素时触发的事件。在HTML中，用button元素表示用户按钮。在JavaScript中，我们可以使用addEventListener()方法或onclick属性来绑定button事件。例如：
let btnElement = document.querySelector('#button')
// 使用addEventListener()绑定button事件
btnElement.addEventListener('click', function (event) {
console.log('按钮被点击了！'); // 输出提示信息
})
// 使用onclick属性绑定button事件
btnElement.onclick = function (event) {
console.log('按钮被点击了！'); // 输出提示信息
}
这两段代码都绑定了一个button事件，但使用的方法不同。注意，使用onclick属性绑定事件时，事件名不需要加on前缀，直接赋值即可。
四、button触发点击事件html
在HTML中，我们可以使用button元素的onclick属性来触发按钮点击事件。例如：
上面的代码创建了一个按钮，当用户点击它时，控制台会输出'按钮被点击了！'。
五、input点击事件onchange
与input事件类似，onchange事件是指用户在页面上改变输入框内容后，失去焦点时触发的事件。在JavaScript中，我们可以使用addEventListener()方法或onchange属性来绑定onchange事件。例如：
let inputElement = document.querySelector('#input-box')
// 使用addEventListener()绑定onchange事件
inputElement.addEventListener('change', function (event) {
console.log(event.target.value); // 输出当前输入框内容
})
// 使用onchange属性绑定onchange事件
inputElement.onchange = function (event) {
console.log(event.target.value); // 输出当前输入框内容
}
上面的代码都绑定了一个onchange事件，注意，onchange事件只有当输入框失去焦点时才会触发。
六、button点击事件
与input事件不同，button事件是指用户在页面上点击button元素时触发的事件。在JavaScript中，我们可以使用addEventListener()方法或onclick属性来绑定button事件。例如：
let btnElement = document.querySelector('#button')
// 使用addEventListener()绑定button事件
btnElement.addEventListener('click', function (event) {
console.log('按钮被点击了！'); // 输出提示信息
})
// 使用onclick属性绑定button事件
btnElement.onclick = function (event) {
console.log('按钮被点击了！'); // 输出提示信息
}
这两段代码都绑定了一个button事件，但使用的方法不同。注意，使用onclick属性绑定事件时，事件名不需要加on前缀，直接赋值即可。
七、vueinput点击事件
在Vue.js中，我们可以使用v-model指令来绑定input事件。例如：
<template>
<input v-model="inputValue" @input="handleInput">
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleInput(event) {
console.log(event.target.value); // 输出当前输入框内容
}
}
}
</script>
上面的代码使用v-model指令绑定了input框的值，并使用@input事件监听输入框变化。当输入框的内容发生变化时，handleInput()方法会将当前输入框的内容输出到浏览器控制台上。
八、html button点击事件
在HTML中，我们可以使用onclick属性来绑定button事件。例如：
这段代码创建了一个按钮，当用户点击它时，控制台会输出'按钮被点击了！'。
九、input事件有哪些
除了input事件和onchange事件外，还有其他一些与input相关的事件，如keyup、keydown、keypress、focus和blur事件等。例如：
let inputElement = document.querySelector('#input-box')
inputElement.addEventListener('keyup', function (event) {
console.log('键盘按键被释放了！'); // 输出提示信息
})
上面的代码使用addEventListener()方法绑定了一个keyup事件，当用户释放键盘上的按键时，控制台会输出'键盘按键被释放了！'。
