如何在使用jquery后检测鼠标点击

Question

我想检测我何时离开鼠标。我为此使用了mouseup（）事件，但它无法正常工作。

    $('#price-slider').mouseup(function(){
alert('hello');
});

如何检测？

Answer 1

您需要同时使用2个不同的事件

1. mouseup 2. mouseleave

请参阅下面的代码段

 $('#price-slider').on("mouseup mouseleave",function(){
alert('hello');
});

#price-slide {
	display:inline-block
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="price-slider">
click
</div>

Answer 2

如果您想检测点击，请不要使用.mouseup，但.click。

$('#price-slider').click(function () {
    alert('Hello');
})

或

$('#price-slider').on('click', function () {
    alert('Hello');
})

另见https://api.jquery.com/click/