웹개발/JavaScript

[JavaScript] 더블클릭, 롱클릭 이벤트

우주별 2017. 6. 23. 13:30
<input type="button" ondblclick="dbClick()" onmousedown="mouseDown()" onmouseup="mouseUp()"
value="버튼"/>
위 버튼을 길게 누르거나 더블클릭 해보세요.

<script>
$(document).ready(function(){
var timer;
var istrue = false;
function mouseDown(){
istrue = true;
timer = setTimeout(function(){ holding();},3000);
}

function holding(){
if(timer)
clearTimeout(timer);
if(istrue){
alert('holding');
}
}
function mouseUp(){
istrue =false;
}
function dbClick(){
alert('double click');
}
});
</script>