JQuery 드래그 이벤트

by JM note

HTML

<ul id='logs' style='user-select: none;'></ul>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
  var drag_x1 = false;
  $(window).on({
    mousedown: function(event) {
      drag_x1 = event.offsetX;
    },
    mouseup: function(event) {
      if(event.offsetX - drag_x1 > 100) {
      	$("#logs").append( $("<li>오른쪽으로 드래그</li>") );
      }
      if(event.offsetX - drag_x1 < -100) {
      	$("#logs").append( $("<li>왼쪽으로 드래그</li>") );
      }
    }
  });
</script>