Untitled

<!DOCTYPE html>
<html>

  <head>
    <script data-require="jquery@2.0.3" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <h1>Hello Plunker!</h1>
    <div class="conteiner">
        <p class="xxx">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime, architecto, impedit, porro, libero aperiam incidunt ad nulla id minus molestias itaque quasi nam consequatur voluptatem natus dicta eveniet quis temporibus.
        </p>
      
    </div>
    <script>
    
    $(function() {
      var counter = 0;
      var isDragging = false;
      $(".conteiner")
      .mousedown(function() {
          $(window).mousemove(function() {
              isDragging = true;
              $(window).unbind("mousemove");
          });
      })
      .mouseup(function() {
          var wasDragging = isDragging;
          isDragging = false;
          $(window).unbind("mousemove");
          if (!wasDragging) {
              $('h1').text('clicked' + (counter++));
          }
      });
    });


        
              
    </script>
    

  </body>

</html>

// Code goes here

/* Styles go here */