oninput、onchange与onpropertychange事件怎么使用

avatar
作者
筋斗云
阅读量:2

oninput事件是在用户输入内容时触发,比如在文本框中输入文字、选择下拉框中的选项等。它的使用方式如下:

HTML:

<input type="text" oninput="myFunction()"> 

JavaScript:

function myFunction() {   console.log("Input changed"); } 

onchange事件是在元素的值发生改变并失去焦点时触发,比如在文本框中输入文字后点击其他地方。它的使用方式如下:

HTML:

<input type="text" onchange="myFunction()"> 

JavaScript:

function myFunction() {   console.log("Value changed"); } 

onpropertychange事件是IE浏览器特有的事件,它在元素的属性发生变化时触发。它的使用方式如下:

HTML:

<input type="text" onpropertychange="myFunction()"> 

JavaScript:

function myFunction() {   console.log("Property changed"); } 

需要注意的是,oninput和onchange事件适用于大多数现代浏览器,而onpropertychange事件仅适用于IE浏览器。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!