zoukankan      html  css  js  c++  java
  • 兼容Firefox和IE的onpropertychange事件oninput

    onpropertychange能够捕获每次输入值的变化。例如:对象的value值被改变时,onpropertychange能够捕获每次改变,而onchange需要执行某个事件才可以捕获。
    在文本框输入数据的时候,当键盘按下并放开的时候可以使用onkeyup来检测事件,onpropertychange能够捕获每次改变,而onchange需要执行某个事件才可以捕获。可是有的时候我们输入数据是采用粘贴的方式而不是键盘输入,这就需要实时检测文本框状态的改变。
    onpropertychange 不被firefox所支持,如果想在firefox下正常使用,需要用oninput属性,且需要用addEventListener来注册事件。 
    <div id="msg"></div> 
    <input id='txt' value="" /> 
    <script> 
    //当状态改变的时候执行的函数 
    function handle() 
    {document.getElementById('msg').innerHTML='输入的文字长度为:'+document.getElementById('txt').value.length; 
    //firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。 
    if(/msie/i.test(navigator.userAgent))    //ie浏览器 
    {document.getElementById('txt').onpropertychange=handle 
    else 
    {//非ie浏览器,比如Firefox 
    document.getElementById('txt').addEventListener("input",handle,false); 
    </script> 
  • 相关阅读:
    Luogu P5030 长脖子鹿放置(网络流)
    BZOJ3037 创世纪(基环树DP)
    LuoguP1240 诸侯安置
    LuoguP3128 [USACO15DEC]最大流Max Flow (树上差分)
    总结-一本通提高篇&算竞进阶记录
    LuoguP5022 旅行 (割点,基环树)
    $tsinsenA1067$
    $SCOJ4427 Miss Zhao's Graph$
    $Edmonds-Karp$[网络流]
    $AC自动机$
  • 原文地址:https://www.cnblogs.com/top5/p/2125886.html
Copyright © 2011-2022 走看看