阻止冒泡事件、阻止默认事件

阻止冒泡事件

• event.stopPropagation(); 存在兼容问题
• IE <= 10 专用 event.cancelBubble = true
• 兼容写法 event.stopPropagation?event.stopPropagation():event.cancelBubble = true;
• 案例：

// 为内部元素设置点击事件
$('.inner').click = function (){
		event.stopPropagation?event.stopPropagation():event.cancelBubble = true;
}

阻止默认事件

• 阻止默认事件: event.preventDefault()或 event.returnValue = false

• 兼容写法:event.preventDefault?event.preventDefault():event.returnValue = false;

• 两种用途: a标签链接跳转、 form表单提交