首页 > Web开发 > 详细

change 和 propertychange 事件监听input 并发起ajax请求

时间:2020-07-16 15:27:43      阅读:46      评论:0      收藏:0      [点我收藏+]

一、用到的主要事件 change 和 propertychange 

1. change 事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发;
2. propertychange 事件是实时触发,即每增加或删除一个字符就会触发

实例1:

可以实时监听,input 输入值的改变
$("#in-val").bind(‘input propertychange‘,function(){ var query_var = $("#in-val").val(); if(query_var != ""){ $.ajax({ type: "POST", url: "/tools/addr/queryByLinkName", dataType: "json", data: {linkName:query_var}, success: function (result) { $("#tb_addr").bootstrapTable(‘load‘,{ "rows": result.data, //数据 "total":result.total,//总页数 }); $.toast("共查询 "+result.total+" 条记录"); } }) }else { $.toast("请输入服务名称"); $(‘#tb_addr‘).bootstrapTable(‘refresh‘); return } });

实例2:

监听事件的应用还可以参考这个实例:http://www.jq22.com/webqd6119

$(function() {
    $(".box1").bind(‘input propertychange‘, function() {
        var a = $(".box1").val();
        $(".box2").val(a);
    })
    $(".box2").bind(‘input propertychange‘, function() {
        var b = $(".box2").val();
        $(".box1").val(b);
    })
})

 

change 和 propertychange 事件监听input 并发起ajax请求

原文:https://www.cnblogs.com/unknows/p/13322329.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!