gpt4 book ai didi

javascript - 来自文本框 html 控件的更改事件正在取消来自 html 按钮的 Click 事件(实时事件)

转载 作者:行者123 更新时间:2023-11-29 15:04:50 26 4
gpt4 key购买 nike

有人能帮忙吗?

我在文本框上有一个更改事件,在按钮上有一个点击事件 - 所有 html。

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

但是如果我在文本框中更改某些内容然后单击按钮,Change 事件中的事件会发生,这很好,但我从来没有在按钮中获得单击事件。

这是我的 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 表单,如果首先触发更改,肯定不会触发 click 事件——实际上在这个例子中我使用了 blur 事件;但它是一样的:

 <!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>

最佳答案

您的警报似乎正在压缩按钮点击事件。如果您没有发出警报,而是更改了两个元素的颜色,您会看到两个事件都被触发了。

当您的鼠标按钮落在按钮上时,blur/change 事件就会被触发。由于有警报,您必须去点击它关闭,它永远不会在按钮上注册按钮,这是触发点击事件所需要的。

ajax 应该已经完成​​并进入下一个事件。除非电话回来得太快以至于它无论如何都压扁了点击。

关于javascript - 来自文本框 html 控件的更改事件正在取消来自 html 按钮的 Click 事件(实时事件),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4267781/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com