Tools-Tags

概览

JavaScript Array 对象 Location 对象 JavaScript anchor() 方法 JavaScript charCodeAt() 方法 HTML DOM readyState 属性 HTML DOM createAttribute() 方法 History 对象 button 事件属性 onmousemove 事件 onresize 事件 JavaScript match() 方法 onselect 事件 onunload 事件 ondblclick 事件 Window 对象 Navigator 对象 HTML DOM anchors 集合 HTML DOM forms 集合 onwheel 事件 screenY 事件属性 ondragend 事件 ondragover 事件 ondrop 事件 onloadedmetadata 事件 HTML DOM doctype 属性 onbeforeunload 事件 JavaScript toLowerCase() 方法 animationstart 事件 strictErrorChecking 属性 getElementsByName() 方法 createComment() 方法 ononline 事件 onmouseleave 事件 onoffline 事件 onmouseover 事件 documentElement 属性 onwaiting 事件 HTML DOM write() 方法 JavaScript 运算符 HTML DOM URL 属性 JavaScript substr() 方法 timeStamp 事件属性 JavaScript split() 方法 ontimeupdate 事件 animationiteration 事件 onseeking 事件 HTML DOM documentURI 属性 oninput 事件 relatedTarget 事件属性 Link rev 属性 HTML DOM createTextNode() 方法 transitionend 事件 onmouseout 事件 onkeyup 事件 oncanplaythrough 事件 ondragstart 事件 onplaying 事件 JavaScript atan2() 方法 onbeforeprint 事件 oncut 事件 cancelable 事件属性

Browserobjekt

DOM-Objekt

HTML-Objekt

Objekteigenschaften

JavaScript concat() 方法 JavaScript Array every() 方法 JavaScript Array filter() 方法 JavaScript indexOf() 方法 JavaScript join() 方法

Heim

Große Frontpartie

JavaScript

JavaScript-Referenzhandbuch

oninput 事件

Verzeichnis

Tools-Tags

Überblick

概览

JavaScript-Objekt

Browserobjekt

DOM-Objekt

HTML-Objekt

Objekteigenschaften

JavaScript concat() 方法 JavaScript Array every() 方法 JavaScript Array filter() 方法 JavaScript indexOf() 方法 JavaScript join() 方法

oninput 事件

Sammlung 139

Aktie

Lesen 15206

Updatezeit 2016-09-11

HTML DOM documentURI 属性

relatedTarget 事件属性

oninput 事件

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>在文本框中尝试输入触发函数。</p>
<input type="text" id="myInput" oninput="myFunction()">
<p id="demo"></p>
<script>
function myFunction() {
    var x = document.getElementById("myInput").value;
    document.getElementById("demo").innerHTML = "你输入的是: " + x;
}
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

定义和用法

oninput 事件在用户输入时触发。

该事件在 <input> 或 <textarea> 元素的值发生改变时触发。

提示： 该事件类似于onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。

浏览器支持

表格中的数字表示支持该事件的第一个浏览器的版本号。

事件
oninput	Yes	9.0	4.0	5.0	Yes

语法

HTML 中:

<element oninput="myScript">尝试一下

JavaScript 中:

object.oninput=function(){myScript};尝试一下

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("input", myScript);尝试一下

注意： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。

技术细节

是否支持冒泡:	Yes
是否可以取消:	No
事件类型:	Event
支持的 HTML 标签:	<input type="password">, <input type="search">, <input type="text"> 和 <textarea>

einreichen

HTML DOM documentURI 属性

relatedTarget 事件属性

oninput 事件

oninput 事件

实例

定义和用法

浏览器支持

语法

技术细节

Ähnliche Videos