input输入框的input事件和change事件
生活随笔
收集整理的這篇文章主要介紹了
input输入框的input事件和change事件
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
? ? ? input輸入框的onchange事件，要在 input 失去焦點(diǎn)的時候才會觸發(fā)；
? ?? ?在輸入框內(nèi)容變化的時候不會觸發(fā)change，當(dāng)鼠標(biāo)在其他地方點(diǎn)一下才會觸發(fā)；
? ? ?onchange 事件也可用于單選框與復(fù)選框改變后觸發(fā)的事件。
? ? ?demo如下：?
<script> function myFunction(){var x=document.getElementById("fname");x.value=x.value.toUpperCase();} </script> </head> <body>輸入你的名字: <input type="text" id="fname" οnchange="myFunction()"><p>當(dāng)光標(biāo)離開輸入框后，函數(shù)將被觸發(fā)，將小寫字母轉(zhuǎn)為大寫字母。</p> </body>?
? ? onchange事件兼容性
? ? ?onchange event 所有主要瀏覽器都支持；
? ? ?onchange 屬性可以使用于：<input>, <select>, 和 <textarea>。
?
? ? ?INPUT事件
? ? ?oninput 事件在用戶輸入時觸發(fā)，它是在元素值發(fā)生變化時立即觸發(fā)；
? ? ?該事件在 <input> 或 <textarea> 元素的值發(fā)生改變時觸發(fā)。
? ? ? 缺陷：從腳本中修改值不會觸發(fā)事件。從瀏覽器下拉提示框里選取值時不會觸發(fā)。IE9 以下不支持，所以IE9以下可用onpropertychange 事件代替。
? ?
? ? ?onpropertychange事件
? ? ?onpropertychange會實(shí)時觸發(fā)，會在元素的屬性改變時就觸發(fā)事件。當(dāng)元素disable=true時不會觸發(fā)。 ? ? ?缺陷：只在IE 下支持，其他瀏覽器不支持，用oninput來解決。 ? ???
轉(zhuǎn)載于:https://www.cnblogs.com/xuzhudong/p/8630610.html
總結(jié)
以上是生活随笔為你收集整理的input输入框的input事件和change事件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Java基础知识学习04-自定义类、Ar
- 下一篇： On Comparing Side-Ch