event prevent default

a playground setup with includes of backbone, jquery, underscore,...

by fguillen

HTML

<script src="http://documentcloud.github.com/underscore/underscore.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone.js"></script>
<p>Should prevent click through of these links</p>
<div id="demo">
  <ul class="nav nav-pills">
    <li class="dropdown" id="menu1">
     <a href="#" class="btn dropdown-toggle">Actions <b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li><a href="http://www.google.com" class="delete" id="13" rel="nofollow" title="Delete Test 1">Delete 1</a></li>
        <li><a href="http://stackoverflow.com/" class="delete" id="14" rel="nofollow" title="Delete Test 2">Delete 2</a></li>
      </ul>
    </li>
  </ul>
</div>

JavaScript

var Composer = Backbone.View.extend({
    events: {
        "click a.stopclick": "handleClick"
    },
    handleClick: function(event) {
        console.log("handleClick()");
        console.log(event.isDefaultPrevented());
        event.preventDefault();
        console.log(event.isDefaultPrevented());
    }
});

new Composer({
    el: $('#demo')
});