js中的onchange事件

2021-10-24 14:38:16 字數 1005 閱讀 8685

js中的onchange事件

剛開始接觸 onchange 事件就開始幻想能做很多炫酷的事情,但是初學js時知識不夠全面,力不從心。對於onchange事件還不夠了解。

onchange事件被描述為 作用域的內容被改變時觸發;

看了一些資料 原來 onchange 在屬性值改變時還必須使得當前元素失去焦點(onblur)才可以啟用該事件;

如果需要及時監聽輸入框值的變化, 可以使用 onpropertychange 事件 但此方法 僅限於ie;

非ie 下可以用 oninput 事件來監聽,但需要通過新增 addevevtlistener()進行註冊;

舉例如下:

上面是js函式的寫法~直接在頁面的話就是:

補充回答:

再補充下關於幾個事件的區別:

1、onchange事件與onpropertychange事件的區別:

onchange事件在內容改變(兩次內容有可能還是相等的)且失去焦點時觸發;onpropertychange事件卻是實時觸發,即每增加或刪除乙個字元就會觸發,通過js改變也會觸發該事件,但是該事件ie專有。

2、oninput事件與onpropertychange事件的區別:

oninput事件是ie之外的大多數瀏覽器支援的事件,在value改變時觸發,實時的,即每增加或刪除乙個字元就會觸發,然而通過js改變value時,卻不會觸發;onpropertychange事件是任何屬性改變都會觸發的,而oninput卻只在value改變時觸發,oninput要通過addeventlistener()來註冊,onpropertychange註冊方式跟一般事件一樣。(此處都是指在js中動態繫結事件,以實現內容與行為分離)

3、oninput與onpropertychange失效的情況:

(1)oninput事件:a). 當指令碼中改變value時,不會觸發;b). 從瀏覽器的自動下拉提示中選取時,不會觸發。

(2)onpropertychange事件:當input設定為disable=true後,onpropertychange不會觸發。

JS中onchange事件 域內容被改變的事件

大炮最近複習js的事件 複習onchange事件的時候做了乙個,城市和區的二級聯動的選單,和大家分享一下 onchange 域內容被改變的事件需求 實現二級聯動 this is my html page.北京天津上海 武漢杭州 海淀區朝陽區西城區 北城區就這樣就可以通過js中的onchange事件,...

oniput事件和onchange事件

oniput事件和onchange事件的區別是 input 在val改變時就觸發input事件 change 在失去焦點時觸發input事件 jquery也有對應的 change 支援onchange事件的html標籤 touppercase 轉為大寫 另外一些碎的 jquery focus blu...

JSP中onchange事件不生效問題

1 body體裡的下拉選框 結算方式 請選擇否是 線上結算 不需要結算 2 想要實現的onchange事件 function changebalance else 3 只寫了上面2中的onchange事件,觸發條件滿足時不生效。增加下面 片段,目的是在頁面載入完後再載入一下這個方法,完美解決。fun...