在javascript中使用preventDefault（）和defaultPrevented自定义事件

Question

在触发自定义事件时，我希望允许该事件的使用者阻止默认操作：

var foo = new CustomEvent('foo');
var result = document.dispatchEvent(foo);
if (!result.defaultPrevented) {
  // perform the default action
}

事件处理程序：

document.addEventListener('foo', function(ev) {
  ev.preventDefault();
});

这似乎没有按预期工作。见这里：http://codepen.io/anon/pen/qOxMbX?editors=001

我错过了什么？