웹개발/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>