1、input元素上绑定事件的三种方式：
第一种：直接在元素标签上添加oninput属性，属性值为处理事件函数的调用
html代码：
<input type="text" id="input" oninput="handleInput()"></input>
js代码：
function handleInput() {// 处理事件代码}
第二种：获取input元素，然后在元素对象上添加oninput属性，属性值为函数，函数内部为处理事件函数的调用
html代码：
<input type="text" id="input"></input>
js代码：
var inputEle = document.querySelector('#input')inputEle.oninput = function() {handleInput()}function handleInput() {// 处理事件代码}
第三种：获取input元素，然后在元素上利用事件监听添加input事件
html代码：
<input type="text" id="input"></input>
js代码：
var inputEle = document.querySelector('#input')inputEle.addEventListener('input', handleInput)function handleInput() {// 处理事件代码}
2、input元素的oninput事件和onchange事件的区别
oninput事件是在输入框中输入时就会触发
onchange事件是在输入框输入完内容后，输入框失焦后触发
onchange事件兼容性好，主流浏览器都支持
如果觉得《input元素的oninput事件和onchange事件的使用和区别》对你有帮助，请点赞、收藏，并留下你的观点哦！
