jiaoye6789
2016-07-15 09:00
采纳率: 70.4%
浏览 15.4k
已采纳

Easyui Textbox的onChange事件触发

A是总数,B是减,C是余,页面加载后会有A,C,当输入B的时候C变化,问题是
现在输入B后,光标移动到C才会触发onChange事件,我想要的是,输入的同时,C变化

   <script type="text/javascript">
         $(function(){
              $('#A').textbox('setValue', 10);
                $('#C').textbox('setValue', $('#A').textbox('getValue'));
                $('#B').textbox({
                        onChange: function (n, o) {
                             $('#C').textbox('setValue', $('#A').textbox('getValue') - n);
                        }
                    });
            });
     </script>
<input class="easyui-textbox" id="A" style="width:50px" />总
<input class="easyui-textbox" id="B" style="width:50px" />减
<input class="easyui-textbox" id="C" style="width:50px" />余
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 已采纳

    直接给dom绑定input/propertychange事件

    
        <script type="text/javascript">
        $(function () {
            $('#A').textbox('setValue', 10);
            $('#C').textbox('setValue', $('#A').textbox('getValue'));
            function change(n, o) { $('#C').textbox('setValue', $('#A').textbox('getValue') - this.value); }
            $('#B').textbox('textbox').bind({ input: change, propertychange: change });
        });
        </script>
        <input class="easyui-textbox" id="A" style="width:50px" />总
        <input class="easyui-textbox" id="B" style="width:50px" />减
        <input class="easyui-textbox" id="C" style="width:50px" />余
    
    点赞 打赏 评论
  • 微风吹过的夏天2016 2016-07-15 09:53

    加事件,直接用jquery就好。不是这么写的。

    点赞 打赏 评论

相关推荐 更多相似问题