2 loveshangzlw loveshangzlw 于 2016.02.24 19:18 提问

html 当一个input框有值时,触发事件

有一个input框,当这个框有值时,触发一个xm()的事件,怎么写?

6个回答

qq_19891827
qq_19891827   2016.02.25 09:30

js代码:(假设input框id值为ipt)

 var ipt=document.getElementById('ipt');
 ipt.onkeyup=function(){
     if(this.value){
        xm();
     }
 }
showbo
showbo   Ds   Rxr 2016.02.24 20:25
 <input type="text" id="xxx"/>
<script>
if(document.getElementById('xxx').value!='')xm()
</script>
liuyan19891230
liuyan19891230   2016.02.25 08:41

有值时,是不是可以考虑keyup事件。
或者是值change时,判断内容是否为空,如果不为空,触发。
只判断一次值不为空不能解决,或者加一个定时器持续监视这个Input框,值不为空时触发。

hanfeizaopao
hanfeizaopao   2016.02.25 09:49

绑定input事件啊,就像是click事件一样

beacon_2011
beacon_2011   Rxr 2016.02.25 09:54

onkeyup或者页面加载时判断,看你需求

wojiushiwo945you
wojiushiwo945you   Ds   Rxr 2016.02.27 13:52

可以为这个input元素添加onchange事件,如果元素值发生了变化就触发。

  $(".inputId").change(xml);
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
随着input里边值的变化而触发js事件
要达到“随着input里边值的变化而触发js事件”的效果,一直以为是使用onchange事件。 实际上这是对onchange的误解,onchange事件的原理如下:当获取焦点的时候,保存当前的值,在失去焦点的时候进行判断,如果当前的值和之前保存的值不一样则触发onchange,反则反之。而目前我们是需要在没有失去焦点的时候触发事件,此时我们就应该使用onkeyup事件,即在键抬起的时候触发。
HTML文本框内容发生变化时引发事件执行
最近在做的程序中需要这样的一个功能:当HTML文本框内容生发变化时执行JavaScript函数.最初的想法是使用onchange,但这个事件只有当文本框失去焦点时才会触发,后来就找到了onpropertychange事件.如下:但很快发现存在问题.在使用微软拼音输入法和部分五笔输入法时,每次有键按下都会触发onpropertychange事件.想来想去,改于onkeyup事件加判断条件来处理,代码
input标签内容改变或失去焦点的触发事件
onchange事件与onpropertychange事件的区别:  onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发;onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有。 oninput事件与onpropertychange事件的区别:  oninput事件是IE之外的大多数浏览器支持的事件,在valu
input文本框没有onchange事件,可以通过下面两种方法实现当input内容改变时触发事件
文本框内容改变是触发事件 jsp: input文本框没有onchange事件,可以通过下面两种方法实现当input内容改变时触发事件 方法一: $(".currentPage").on('input',function(e){      alert("TextChanged!") ;  });  方法二: $(".currentPage"
Input值改变触发的事件
获取焦点后的实时监听$('input[name="price_min"]').on('input propertychange', function() { alert(2) }) input失去焦点后 如果值发生改变后,触发$('input[name="price_min"]').change(function() { alert(1) })
jquery中监控input文本框值的变化触发函数
在项目开发中我们经常需要监控文本框中值的变化去执行一个相对应的函数,比如说动态查询,文本框中值变化后自动调用ajax进行动态的查询。
输入框事件监听(一):keydown、keyup、input
当输入框的值发生变化时,我们可以通过keydown、keyup、input、onchange、blur事件观察到其值的变化,但它们的应用时机与应用场景存在显著的差异
JQuery根据输入框的值变化执行相关操作---change事件
JQuery根据输入框的值变化执行相关操作---change事件   $(document).ready(function(){ //change事件:当输入数值后,输入框的值改变了,就会执行相关函数。 $(".changenums").change(function(){ var newnum=$(this).val(); if(newnum<1){ aler
当文本框中的值更改时自动触发的函数
可以绑定一些键盘事件,如 keyup,一次按键松开就会触发事件,在事件函数里就可以进行相关的字数统计功能的实现,以下是一个简单示例:123456789textarea id="area1" name="area1" onkeyup="count(this);">textarea>span id="span1">0span>script>function count(el){    var span
当文本框的值,发生变化触发事件,用于表单校验!
当文本框的值,发生变化触发事件,用于表单校验! new document //当状态改变的时候执行的函数 function handle() { document.getElementById('msg').innerHTML = "输入的文字为:" + document.getElementById('txt').value;