精华内容
下载资源
问答
  • 当文本框值发生改变时触发事件,在IE中有效,具体的大家可以测试下。
  • js实现的文本框内容发生改变立马触发事件简单介绍:本章节介绍一下如何在文本框的内容发生变化的时候,立马触发一个事件执行响应的操作,而不是像是keydow或者keyup事件一样,只能够检测通过键盘输入导致内容的变化,...

    js实现的文本框内容发生改变立马触发事件简单介绍:

    本章节介绍一下如何在文本框的内容发生变化的时候,立马触发一个事件执行响应的操作,而不是像是keydow或者keyup事件一样,只能够检测通过键盘输入导致内容的变化, 下面就通过代码实例做一下简单介绍。 
    一.相关知识准备: 
    1.onchange事件:

    此事件会在元素内容发生改变,且失去焦点的时候触发。 
    浏览器支持度较好。

    2.onpropertychange事件: 
    此事件会在元素内容发生改变时立即触发,即便是通过js改变的内容也会触发此事件。 
    元素的任何属性改变都会触发该事件,不止是value。 
    只有IE11以下浏览器支持此事件。

    3.oninput事件: 
    此事件会在value属性值发生改变时触发,通过js改变value属性值不会触发此事件。 
    只有IE8以上或者谷歌火狐等标准浏览器支持。 
    二.代码实例:

    既然知道各个事件的特性,那么我们可以通过兼容性方法,实现兼容各个浏览器的代码。

    代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="author" content="http://www.softwhy.com/" />
    <title> js实现的文本框内容发生改变立马触发事件简单介绍</title>
    <script type="text/javascript">
    window.onload=function(){
      var otxt=document.getElementById("txt");
      var oshow=document.getElementById("show");
      var count=0;
      if(document.all){
         otxt.onpropertychange=function(){
           count=count+1;
           oshow.innerHTML=count;
         }
      }
      else{
        otxt.oninput=function(){
          count=count+1;
          oshow.innerHTML=count;
        }
      }
    }
    </script>
    </head>
    <body>
    <div id="show"></div>
    <input type="text" id="txt" value="zkl"/>
    </body>
    </html>
    • // 用户名/密码输入框 内容改变触发事件
      window. onload = function(){
      // var mAccount = $("#mAccountInput"); // 这种方式调取不到 onpropertychange或oninput方法
      var mAccount = document. getElementById( "mAccountInput");
      var mPsw = document. getElementById( "mPswinput");
      if( document. all){
      mAccount. onpropertychange = function(){
      loginBtnSwitch();
      }
      mPsw. onpropertychange = function(){
      loginBtnSwitch();
      }
      } else {
      mAccount. oninput = function(){
      loginBtnSwitch();
      }
      mPsw. oninput = function(){
      loginBtnSwitch();
      }
      }
      }
      // 登录按钮状态切换
      function loginBtnSwitch(){
      if ( testAccount() && testPassword()) {
      $( "#mLoginBtn"). removeClass( "form-btnD");
      $( "#mLoginBtn"). removeAttr( "disabled");
      } else {
      $( "#mLoginBtn"). addClass( "form-btnD");
      $( "#mLoginBtn"). addClass( "disabled");
      }
      }

    上面你的代码基本完美兼容了各个浏览器,代码实现过程这里不多介绍了。

    展开全文
  • 事件会在元素内容发生改变时立即触发,即便是通过js改变的内容也会触发事件。元素的任何属性改变都会触发事件,不止是value。但它是IE专属的。只有IE11以下浏览器支持此事件。 oninput事件: 此
    onchange事件:
    

    此事件会在元素内容发生改变(由键盘或者鼠标事件激发,脚本触发无效),且失去焦点的时候触发。浏览器支持度较好。

    onpropertychange事件:

    此事件会在元素内容发生改变时立即触发,即便是通过js改变的内容也会触发此事件。元素的任何属性改变都会触发该事件,不止是value。但它是IE专属的。只有IE11以下浏览器支持此事件。

    oninput事件:

    此事件会在value属性值发生改变时触发,通过js改变value属性值不会触发此事件。只有IE8以上或者谷歌火狐等标准浏览器支持。

    展开全文
  • 最初的想法是使用onchange,但这个事件只有当文本框失去焦点才会触发,后来就找到了onpropertychange事件.如下: input id="textRoad" type="text" size="15" onpropertychange="alert(this.value);
    最近在做的程序中需要这样的一个功能:当HTML文本框内容生发变化时执行JavaScript函数.
    

    最初的想法是使用onchange,但这个事件只有当文本框失去焦点时才会触发,后来就找到了onpropertychange事件.如下:
    < input  id ="textRoad"  type ="text"  size ="15"  onpropertychange ="alert(this.value);" >

    但很快发现存在问题.在使用微软拼音输入法和部分五笔输入法时,每次有键按下都会触发onpropertychange事件.

    想来想去,改于onkeyup事件加判断条件来处理,代码如下:
    < SCRIPT  language ="JavaScript" >
    var  sOldValue;
    sOldValue 
    =   "" ;

    function  tttt(vNewValue)
    {
        
    // alert(vNewValue);
        
    if  (sOldValue  !=  vNewValue)
        {
            alert(vNewValue);
            sOldValue 
    =  vNewValue;
        }
    }
    </ script >
    < body " >
    <!-- <input id="textRoad" type="text" size="15" onpropertychange="alert(this.value);"> -->
    < input  id ="textRoad"  type ="text"  size ="15"  onKeyUp ="tttt(this.value)" >
    </ body >

    由一个变量 sOldValue记录文本框原始值, onKeyUp 时,判断新值与原始值比较是否有发生变化.若有变化时,执行相应的处理.

    现在基本实现了要达到的目标.唯一的遗憾是:微软拼音比较诡异,是先把字输入到文本框,再由用户选择,再修改文本框内的值.


    转自:http://www.cnblogs.com/cime63/archive/2007/03/08/668098.htmlw

    展开全文
  • input是标准的浏览器事件,一般应用于input元素,input的value发生变化就会发生,无论是键盘输入还是鼠标黏贴的改变都能及时监听到变化只要当前对象属性发生改变。  感觉找到了真爱。。。。。但是 ...

       input是标准的浏览器事件,一般应用于input元素,当input的value发生变化就会发生,无论是键盘输入还是鼠标黏贴的改变都能及时监听到变化只要当前对象属性发生改变。

      感觉找到了真爱。。。。。但是 onpropertychange 这两个事件在 IE9 中都有个小BUG,

           那就是通过右键菜单菜单中的 剪切 和 删除 命令删除内容的时候不会触发,而 IE 其他版本都是正常的,目前还没有很好的解决方案。


          不过 input & propertychange 仍然是即时搜索比较好的方案


    实例代码:

     $("#txt_gsName").bind("input propertychange", function () {
            var gsName = $("#txt_gsName").val(); //公司名称
            $.ajax({
                type: "post",
                url: "/StoreApply/CheckGsName",
                data: { gsName: gsName },
                dataType: "json",
                success: function (data) {
                    if (data.statue == true) {
                        alert(data.message);
                        $("#txt_gsName").val("");
                        return false;
                    }
                }
            });
        });


    展开全文
  • 完整代码: ...文本框: " + $( this ).val()); // 这里写你的处理代码 }); }); }); script > head > < body > < input id ="inputId" /> body > html >  
  • 在TextBox的值发生变化时触发事件

    万次阅读 2013-04-09 15:03:16
    TextBox值发生变化触发事件解决办法 以下方法在vs2005完美执行, 第一步给TextBox增加OnTextChanged事件,及你需要执行的事务处理 第二步给TextBox增加onpropertychange事件,内容为onpropertychange="submitform...
  • jquery:内容发生改变时触发事件

    千次阅读 2020-10-20 20:53:42
    jquery:内容发生改变时触发事件 (元素的改变发生 change 事件(仅适用于表单字段)。 change() 方法触发 change 事件,或规定发生 change 事件运行的函数。 注意:用于 select 元素,change 事件会...
  • 各位大神,我刚刚接触Javase不久,在swing中遇到一个问题,我写了一个输入框来搜索数据,但是怎样才能实现当文本框中的值发生变化的时候,即刻触发搜索功能,望各位大神解惑,谢谢!
  • 在项目开发中我们经常需要监控文本框中值的变化去执行一个相对应的函数,比如说动态查询,文本框中值变化后自动调用ajax进行动态的查询。
  • input文本框没有onchange事件,可以通过下面两种方法实现input内容改变时触发事件 方法一: $(".currentPage").on('input',function(e){  alert("TextChanged!") ;  });  方法二: $("....
  • 可以绑定一些键盘事件,如 keyup,一次按键松开就会触发事件,在事件函数里就可以进行相关的字数统计功能的实现,以下是一个简单示例:123456789textarea id="area1" name="area1" onkeyup="count(this);...
  • 文本框输入后延迟触发

    千次阅读 2017-06-29 16:02:30
    计划生产数量(件) function orChange(){ $("#resultTipInfo").removeAttr('disabled');//改变订单后应
  • JS文本框内容发生变化事件

    千次阅读 2019-08-22 15:08:29
    1.根据input值改变触发事件,propertychange方法 $('#a').on('input propertychange', function() {//监听文本框 console.log($('#tit').val()); }); 2.keydown事件 keydown事件监听几乎所有按键操作,在键盘...
  • 2.该事件在 或 元素的值发生改变时触发。 oninput 事件是 IE 之外的大多数浏览器支持的事件,在 value 改变时触发,实时的,即每增加或删除一个字符就会触发,然而通过 js 改变 value ,却不会触发。 3.oninput ...
  • input 在IE中有onchange事件,但是这个事件所表现的效果不是我们想要的,它所表现的效果为:input内的内容发现更改,并不会触发你所指定的方法(函数),所以一般的人不用使用这个事件,而会使用,...
  • 做一个可以再输入框中时触发事件, 案例: 输入框的应用。 代码: HTML部分: <div class="layout__panel layout__panel--articletitle-bar" style="width: 100%; height: 56px; overflow:!important visible; ...
  • input: 当文本框值发生改变、存在焦点(实时更新),会触发 input事件。 那么什么样的环境会触发我们的标题行为呢? <input id='inp'/> <script> var inp = document.getElementById('inp') // ...
  • 表单中的隐藏文本框,要对其进行值改变的监听,它的值发生改变时执行一个操作,但因为该文本框为隐藏的,所以貌似无法使用keyXX事件,blur事件,change事件。看到有说用$().bind('propertychange',function(){})的,...
  • 一、input绑定的jedate日期控件的改变时触发事件问题 一般input中值发生改变,用onchange 就可以触发事件,但我现用jedate日期控,选中日期后,发现onchange无效。 后经查资料,onchange的实现机制如下: 一、...
  • 离开学校已经有半年了,出来就是做关于.net方面的软件开发工作的,现在负责的就是微信方面的简单开发 ... 元素的值发生改变时触发文本框的专有属性,例如:<input oninput='方法名()'></i...
  • 依赖jquery类库 $(function(){  if($.browser.msie){  document.getElementById('start_time').attachEvent("onpropertychange",weekChange);  }else{ ... document.getElementById('start_time').addEventL
  • 一直没什么兴趣看jQuery,就用自己那点不咋样的javascript硬撑着,今天写一个功能想尝试一下,用bind注册事件时发现怎么都不好使  $("#txtStation").bind("onpropertychange", GetStationLevel);  然后...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,720
精华内容 6,688
关键字:

当文本框的值发生改变时触发事件