javascript – JQuery：从文本框html控件更改事件是从html按钮取消Click事件(直播事件)

2019-06-30 22:19:47 阅读：140 来源： 互联网

标签：jquery javascript javascript-events event-handling

有人可以帮忙吗？

我在文本框上有一个更改事件,在按钮上有一个click事件 – 所有html.

现在如果我点击按钮,点击事件就会发生 – 太棒了！

但是我在文本框中更改了一些内容然后单击按钮,来自Change事件的事件发生了,这很棒,但我从未在按钮中获得click事件.

这是我的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>

解决方法:

看起来你的警报正在压制按钮点击事件.如果不是警告,而是更改两个元素的颜色,您将看到两个事件都被触发.

一旦鼠标按钮在按钮上按下,模糊/更改事件就会被触发.由于有警报,您必须单击它并且它永远不会在按钮上注册按钮,这是您点击事件所需的内容.

ajax应该已经完成并进入下一个事件.除非电话回复如此之快,否则它甚至会压制点击.

标签：jquery,javascript,javascript-events,event-handling
来源： https://codeday.me/bug/20190630/1340998.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – JQuery：从文本框html控件更改事件是从html按钮取消Click事件(直播事件)