Heojju

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

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




'웹개발 > JavaScript' 카테고리의 다른 글

[JavaScript] alert(알림창) / prompt(답받기)  (0) 2017.08.03
[JavaScript] confirm - 확인알림창  (0) 2017.08.03
[JavaScript] rgb to hex  (0) 2017.06.08
[JavaScript] 현재 focus 객체  (0) 2017.06.08
[JavaScript] Date 포맷  (0) 2017.05.12