Javascript Onclick属性与jqueryui拖放冲突

我有一个带有两个操作的html控件： 1-它有一个Onclick函数，当Onclick发生时，asp.net post back触发器和一个用于编辑open的模式框。 2-当我使用jQueryUI拖放将它从一个html容器拖到另一个容器时，我希望onclick不会发生，只拖放到另一个容器

我该怎么做？当我想单击拖动控件时，onclick函数调用：(

这是我的html控件：

<div class="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end event-blue ui-draggable" onclick="CallPostBack('2|NoDate|4');" style="position: relative;"><div class="fc-event-inner"><span class="fc-event-title">aaa</span></div></div>

---

我建议您在jquery中使用mouseup而不是单击：

$('.fc-event').mouseup(function(){
    ...
});

---

最后，我可以通过更改移动功能来解决我的问题：

  function setMovableEvents() {
    //alert('drag');

    return $(".fc-event").each(function () {
        return $(this).draggable({
            zIndex: 999,
            revert: false,
            start: function (event, ui) {
                Moving = true;
                $(this).css('z-index', 100000);
                $(this).prop('onclick', '');
            },
            stop: function () {
                Moving = false;
            }
        });
    });
}

---

现在，当拖动发生时，我清除Onclick以防止单击Onclick javascript函数。

对于您的第一个操作，单击操作的哪个事件触发？Onclick还是submit？@Hughan：我想Onclick trigger，我为此设置Onclick=“CallPostBack（'2 | NoDate | 4'）；”。。。

$('.fc-event').mouseup(function(){
    ...
});

  function setMovableEvents() {
    //alert('drag');

    return $(".fc-event").each(function () {
        return $(this).draggable({
            zIndex: 999,
            revert: false,
            start: function (event, ui) {
                Moving = true;
                $(this).css('z-index', 100000);
                $(this).prop('onclick', '');
            },
            stop: function () {
                Moving = false;
            }
        });
    });
}