Jquery光标拖动和释放外部输入检测为点击

Question

您好，当您在输入字段之外拖动和释放时，有没有办法防止 jquery 检测到单击事件？ 问题是我有一个模式窗口，当您在窗口外（背景）单击时会关闭。 当您在模态窗口中有一个输入字段并选择输入内的文本并将鼠标一直拖出模态窗口区域时，然后释放单击，模态将关闭，因为它检测到该元素上的单击事件当它实际上不是点击事件而是“释放”事件时。

这是一个例子https://jsfiddle.net/imurphy/tafwzero/1/

点击事件代码：

$('.how').on('click',function(e){
    e.preventDefault();

  if(!$(e.target).is('.how')){
                return;
            }
    alert('Modal Closed');
});

谢谢

Answer 1

检查下面的代码。您需要使用 mousedown 和 mouseup 处理拖放

var isDragging = false;
    $(".how")
    .mousedown(function() {
        $(window).mousemove(function() {
            isDragging = true;
            $(window).unbind("mousemove");
        });
    })
    .mouseup(function() {
        var wasDragging = isDragging;
        isDragging = false;
        $(window).unbind("mousemove");
        if (!wasDragging) {
            $(this).selection();
        }
    });


    $('.how').on('click',function(e){
    e.preventDefault();

  if(!$(e.target).is('.how')){
                return;
            }
    alert('Modal Closed');
});