input输入框的input事件和change事件
生活随笔
收集整理的這篇文章主要介紹了
input输入框的input事件和change事件
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
? ? ? input輸入框的onchange事件，要在 input 失去焦點的時候才會觸發(fā)；
? ?? ?在輸入框內容變化的時候不會觸發(fā)change，當鼠標在其他地方點一下才會觸發(fā)；
? ? ?onchange 事件也可用于單選框與復選框改變后觸發(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>當光標離開輸入框后，函數(shù)將被觸發(fā)，將小寫字母轉為大寫字母。</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會實時觸發(fā)，會在元素的屬性改變時就觸發(fā)事件。當元素disable=true時不會觸發(fā)。 ? ? ?缺陷：只在IE 下支持，其他瀏覽器不支持，用oninput來解決。 ? ???
轉載于:https://www.cnblogs.com/xuzhudong/p/8630610.html
總結
以上是生活随笔為你收集整理的input输入框的input事件和change事件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Java基础知识学习04-自定义类、Ar
- 下一篇： On Comparing Side-Ch