欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js propertychange和oninput事件

 更新時(shí)間:2014年09月28日 17:20:50   投稿:mdxy-dxy  
項(xiàng)目中常遇到輸入框檢查的需求,比如即時(shí)搜索,用change事件?change事件失去焦點(diǎn)才發(fā)生,無法做到即時(shí)。keypresss事件?能監(jiān)聽到鍵盤,但監(jiān)聽不到鼠標(biāo)復(fù)制粘貼,不完美

還好有propertychange(IE)和oninput事件。

oninput是標(biāo)準(zhǔn)瀏覽器的事件,一般應(yīng)用于input元素,當(dāng)input的value發(fā)生變化時(shí)就會發(fā)生,無論是鍵盤輸入還是鼠標(biāo)粘貼的改變都能即時(shí)監(jiān)聽到。

瀏覽器兼容

IE9以下是不支持的。這個(gè)時(shí)候就要用到IE專有的propertychange事件。顧名思義,翻譯過來叫屬性變更事件,這個(gè)事件就比較強(qiáng)大了,不僅僅會監(jiān)聽到input的value屬性,還包括其他標(biāo)簽的屬性各種屬性發(fā)生變化都會發(fā)生該事件,比如span元素的style屬性。在事件發(fā)生時(shí)還可以用event.propertyName訪問到改變的屬性名。

相關(guān)文章

  • 淺談js 閉包引起的內(nèi)存泄露問題

    淺談js 閉包引起的內(nèi)存泄露問題

    這篇文章主要介紹了淺談js 閉包引起的內(nèi)存泄露問題的相關(guān)資料,需要的朋友可以參考下
    2015-06-06
  • 利用JavaScript實(shí)現(xiàn)檢測用戶是否在線功能

    利用JavaScript實(shí)現(xiàn)檢測用戶是否在線功能

    這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)檢測用戶是否在線功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2022-12-12
  • 圖片上傳判斷及預(yù)覽腳本的效果實(shí)例

    圖片上傳判斷及預(yù)覽腳本的效果實(shí)例

    這篇文章介紹了圖片上傳判斷及預(yù)覽腳本的效果實(shí)例,有需要的朋友可以參考一下
    2013-08-08
  • JavaScript獲得input元素value值的方法

    JavaScript獲得input元素value值的方法

    在頁面中我們最常見的頁面元素就是input了,但是我們?nèi)绾斡肑avaScript得到網(wǎng)頁input中輸入的value值呢,其實(shí)很簡單,方法也不止一種,今天給大家分享兩種JavaScript獲得input元素value值的方法,感興趣的朋友跟隨小編一起看看吧
    2023-10-10
  • JS簡單判斷是否在微信瀏覽器打開的方法示例

    JS簡單判斷是否在微信瀏覽器打開的方法示例

    這篇文章主要介紹了JS簡單判斷是否在微信瀏覽器打開的方法,結(jié)合實(shí)例形式分析了javascript針對瀏覽器相關(guān)信息的獲取與判定操作技巧,需要的朋友可以參考下
    2019-01-01
  • 使用JavaScript實(shí)現(xiàn)輪播圖特效

    使用JavaScript實(shí)現(xiàn)輪播圖特效

    這篇文章主要為大家詳細(xì)介紹了使用JavaScript實(shí)現(xiàn)輪播圖特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • JavaScript中的常見繼承總結(jié)

    JavaScript中的常見繼承總結(jié)

    這篇文章主要介紹了JavaScript中的常見繼承總結(jié),繼承其實(shí)就是構(gòu)造函數(shù)和構(gòu)造函數(shù)之間的一種關(guān)系,更多相關(guān)介紹,需要的小伙伴可以參考下面文章內(nèi)容
    2022-09-09
  • js showModalDialog 彈出對話框的簡單實(shí)例(子窗體)

    js showModalDialog 彈出對話框的簡單實(shí)例(子窗體)

    本篇文章主要是對js_showModalDialog彈出對話框的簡單實(shí)例(子窗體) 進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • JS循環(huán)遍歷JSON數(shù)據(jù)的方法

    JS循環(huán)遍歷JSON數(shù)據(jù)的方法

    這篇文章主要介紹了JS 循環(huán)遍歷JSON數(shù)據(jù)的方法,需要的朋友可以參考下
    2014-07-07
  • javascript遞歸函數(shù)定義和用法示例分析

    javascript遞歸函數(shù)定義和用法示例分析

    這篇文章主要介紹了javascript遞歸函數(shù)定義和用法示例分析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-07-07

最新評論