pinput id=zip type=text data-allowed-chars=0123456789data-messageid=zipwarn /span id=zipwarn style=color:red; visibility:hidden只支持数字/span/pscriptwindow.onload = function(){inputfilter();}/scriptInputEvent事件:
InputEvent类用来构造和字符输入相关的事件对象;
input事件:
当一个 input、select或textarea元素的 value 被修改时 , 就会触发 input事件;如:txt.addEventListener(input, function(event){console.log(event);// InputEvent});另外 , 可编辑元素也可添加input事件;
keypress和textinput事件是在新输入的文本真正插入到可编辑区域元素前触发的 , 所以能够在事件处理程序中取消事件或阻止文本插入;而input事件 , 其是在文本插入后才触发事件 , 因此 , 这个事件不能取消 , 不能指定其事件对象中的最新文本;如:
姓名:input type=text oninput=this.value = https://www.yebaike.net/info/this.value.toUpperCase(); /该事件和文本事件一样 , 拥有data和isComposing属性;
data属性:只读 , 返回当前输入的字符串 , 如果是删除操作 , 则该值为空字符串;
isComposing属性:只读 , 返回一个布尔值 , 表明该事件是在触发compositionstart事件之后且触发 compositionend事件之前触发的 , 也就是表明当前输入的字符是输入法的输入的;
txt.addEventListener(input, function(event){console.log(event.data);console.log(event.isComposing);});如果更改未插入文本(例如删除字符时) , 则其可能为空字符串;
inputType属性:表示当前编辑文本的类型 , 如果是插入文本 , 值为insertText , 如果是Delete删除字符 , 值为ddeleContentForward , 如果是Backspace删除字符 , 值为deleteContentBackward , 如果剪切文本 , 值为deleteByCut , 如果是回车换行 , 值为insertLineBreak , 如果是粘贴输入 , 值为insertFromPaste , 如果是拖入 , 值为insertFromDrop;
IE虽然支持input事件 , 但是把它当作普通的Event类型的 , 因此 , 它没有data和isComposing属性;
IE8及以下不支持该事件 , 其提供了一个专用的propertychange事件 , 可以用来检测文本输入元素的value属性的变化;
如:跨平台:
function forceToUpperCase(element){if(typeof element === string)element = document.getElementById(element);element.oninput = upcase;element.onpropertychange = upcaseOnPropertyChange;function upcase(event){this.value = https://www.yebaike.net/info/this.value.toUpperCase();}function upcaseOnPropertyChange(event){var e = event || window.event;if(e.propertyName === value){// 移除事件处理程序 , 避免循环调用this.onpropertychange = null;this.value = this.value.toUpperCase();// 再恢复原来的propertychange处理程序this.onpropertychange = upcaseOnPropertyChange;}}}forceToUpperCase(document.getElementById(username));beforeinput事件:beforeinput 在input, select 或 textarea 的值即将被修改前触发 , 这个事件也可以在 contenteditable 被设置为 true 的元素和打开 designMode 后的任何元素上被触发;
var txt = document.getElementById(txt);txt.addEventListener(beforeinput, function(event){console.log(event.type);});txt.addEventListener(input, function(event){console.log(event.type);});该事件是可以取消的 , 如果取消 , input事件就不会被触发;
change事件:当用户更改input、select和textarea元素的值并提交这个更改时 , change事件就是触发;和 input事件不一样的是 , change事件并不是每次元素的value改变时都会触发;
【笔记本numpad是什么键_numpad是什么键】该事件不可被取消;该事件属于Event类;
input type=text id=txt /br/p id=info/pscriptvar txt = document.getElementById(txt);txt.addEventListener(change, function(event){var info = document.getElementById(info);info.innerHTML = event.target.value;});/script
- 探云空调是什么牌子
- 美的空调c5是什么意思
- 显卡独显是什么样的 显卡独显是什么意思
- 空调内机风扇不转是什么原因
- 电视在播放中突然黑屏是什么原因
- menu键是什么意思 MENU是什么功能键
- ffu是什么意思 /FF是什么意思
- 962464用九键打出来是什么意思
- 莱万是什么级别 莱万是哪国的
- 京东闪付用的是什么钱