溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jquery中有沒有oninput事件

發(fā)布時間:2022-06-15 09:54:41 來源:億速云 閱讀:168 作者:zzz 欄目:web開發(fā)

本篇內(nèi)容主要講解“jquery中有沒有oninput事件”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學(xué)習(xí)“jquery中有沒有oninput事件”吧!

jquery中沒有oninput事件,該事件在用戶輸入時觸發(fā),存在于html中和JavaScript中;在JavaScript中可以使用addEventListener()方法來設(shè)置oninput事件,語法為“”或者“object.addEventListener("input", myScript);”。

本教程操作環(huán)境:windows10系統(tǒng)、jquery3.6.0版本、Dell G3電腦。

jquery中有oninput事件嗎

oninput 事件在用戶輸入時觸發(fā)。

該事件在 <input> 或 <textarea> 元素的值發(fā)生改變時觸發(fā)。

提示: 該事件類似于 onchange 事件。不同之處在于 oninput 事件在元素值發(fā)生變化是立即觸發(fā), onchange 在元素失去焦點時觸發(fā)。另外一點不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。

語法

HTML 中:

<element oninput="myScript">

JavaScript 中:

object.oninput=function(){myScript};

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("input", myScript);

示例如下:

<body>
<p>在文本框中嘗試輸入觸發(fā)函數(shù)。</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>

輸出結(jié)果:

jquery中有沒有oninput事件

到此,相信大家對“jquery中有沒有oninput事件”有了更深的了解,不妨來實際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI