代码之家  ›  专栏  ›  技术社区  ›  Martin

jquery:从文本框更改事件HTML控件正在从HTML按钮取消单击事件(实时事件)

  •  4
  • Martin  · 技术社区  · 14 年前

    有人能帮忙吗?

    我有一个文本框上的更改事件和一个按钮上的单击事件-所有HTML。

    现在如果我点击按钮,点击事件就会发生-太好了!

    但我在文本框中更改了一些内容,然后单击按钮,更改事件中的事件会发生,这很好,但我从未在按钮中得到单击事件。

    这是我的jquery,有什么方法可以解决这个问题吗?我迷路了。

        $('#myTextbox').live('change', function() {
            $.ajax({
                type: "POST",
                url: "test.aspx/GetDate",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(msg) {
                    alert('the date is ' + msg.d);
                }
            });
    
    
        });
    
        $('#myButton').live('click', function() {
            alert('i am in click');
    
        });
    

    编辑

    我已经创建了一个非常简单的HTML表单,足够肯定的是,如果首先触发更改,则单击事件不会触发-实际上在本例中,我使用了模糊事件…但它是一样的

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
    
       <script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
       <script type="text/javascript">
        $(function() {
            $('#htmlbutton').bind('click', function() {
    
                alert('i am in click');
    
            });
    
    
    
            $('#htmltextbox').bind('blur', function() {
    
                alert('in blur');
    
            });
        });
    </script>
    
    </head>
    <body>
        <form id="form1">
        <div>
            <input id="htmlbutton" type="button" value="button" /><input id="htmltextbox" type="text" /></div>
        </form>
    </body>
    </html>
    
    1 回复  |  直到 14 年前
        1
  •  3
  •   shoebox639    14 年前

    似乎您的警报正在压扁按钮单击事件。如果不发出警报,而是更改两个元素的颜色,则会看到两个事件都被激发。

    当鼠标按下按钮时,模糊/更改事件就会被触发。因为有一个警报,你必须去点击它关闭,它永远不会注册按钮上的按钮,这是你需要点击事件触发。

    Ajax应该已经完成并进入下一个事件。除非电话回拨得太快以至于它压扁了点击。

    推荐文章