首頁猿問 jQuery‘輸入&r...

jQuery‘輸入’事件

JQuery

MM們 2019-07-06 15:42:08

jQuery‘輸入’事件我從未聽說過jQuery中有一個叫做input直到我看到這個小提琴.你知道為什么會起作用嗎？它是一個別名嗎？keyup或者別的什么？$(document).on('input', 'input:text', function() {});

查看完整描述

3 回答

飲歌長嘯

TA貢獻1951條經驗獲得超3個贊

在通過用戶界面更改元素的文本內容時發生。

它不完全是一個別名keyup因為keyup即使鍵什么都不做也會觸發(例如：按下然后釋放Control鍵將觸發keyup活動)。

思考這個問題的一個好方法是這樣的：它是一個每當輸入發生變化就觸發的事件。這包括-但不限于-按鍵來修改輸入(例如，Ctrl本身不會觸發事件，但是Ctrl-V要粘貼一些文本將)，選擇一個自動完成選項，linux風格的中點擊粘貼，拖放，以及許多其他事情。

看見這，這個頁和對此答案的評論，以了解更多細節。

反對回復 2019-07-06

守候你守候我

TA貢獻1802條經驗獲得超10個贊

oninput事件對于跟蹤輸入字段的更改非常有用。

然而，IE版本<9不支持它。但是舊的IE版本有自己的專有事件。onpropertychange這和oninput.

所以你可以這樣使用它：

$(':input').on('input propertychange');

以獲得完全的跨瀏覽器支持。

由于可以對任何屬性更改觸發屬性更改，例如，已禁用的屬性將被更改，因此您希望包括以下內容：

$(':input').on('propertychange input', function (e) {
    var valueChanged = false;

    if (e.type=='propertychange') {
        valueChanged = e.originalEvent.propertyName=='value';
    } else {
        valueChanged = true;
    }
    if (valueChanged) {
        /* Code goes here */
    }});

反對回復 2019-07-06

慕容森

TA貢獻1853條經驗獲得超18個贊

使用jQuery，以下內容實際上是相同的：

$('a').click(function(){ doSomething(); });$('a').on('click', function(){ doSomething(); });

帶著input事件，但是，在我測試過的瀏覽器中，似乎只有第二種模式起作用。

因此，您可能認為這是可行的，但它不起作用(至少目前是這樣)：

$(':text').input(function(){ doSomething(); });

同樣，如果您想利用事件委托(例如，在#container在你input.text(添加到DOM中)，應該想到這一點：

$('#container').on('input', ':text', function(){ doSomething(); });

可悲的是，再次，它不工作，目前！

只有這種模式起作用：

$(':text').on('input', function(){ doSomething(); });

編輯與更多的最新信息

我可以肯定的是，這種模式：

$('#container').on('input', ':text', function(){ doSomething(); });

現在，在所有的“標準”瀏覽器中也可以工作。

反對回復 2019-07-06

3 回答
0 關注
632 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

jQuery‘輸入’事件

jQuery‘輸入’事件

3 回答

添加回答