JSer取消事件冒泡
定义:
当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在这个元素的所有祖父级元素中被触发,这一过程称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。
示例:
下面我们以一个例子来说明。

  我们假设现在有一个DIV,在它上面有一个事件:onclick="alert('div clicked');" 而正好这个DIV中又有一个按钮,在按钮上也有一个相同的onclick事件: onclick="alert('button clicked');" 试想一下,当我们在按钮上单击一下时(特别注意按钮也在DIV里面),到底会弹出哪一个?答案是两个都会弹出!也就是说,子级元素在触发某个事件时,浏览器会自动上朔查找它上面的所有祖父级对象,并执行祖父级对象相同的事件句柄,我们把这种行为叫做事件冒泡. 在刚才这种情况下我们往往只想在按钮上触发该事件,因此我们需要取消事件冒泡.

JSer如何取消事件冒泡?
JSer要取消事件冒泡很简单,您只需要在事件监听函数中明确的return false就可以了。

请参见下面示例。
示例:
html代码:
<div id="div1">
    <input id="btn1" type="button" value="click me" />
</div>


下面的代码是存在事件冒泡的(在按钮上单击时,两个alert都会弹出来):
JSer.exec(function(){
     JSer("#div1").click(function(){
          alert("div clicked");
     });

     JSer("#btn1").click(function(){
          alert("button checked");
     });
});

下面代码不存在事件冒泡(在按钮上单击,只会弹出按钮上的alert):
JSer.exec(function(){
     JSer("#div1").click(function(){
          alert("div clicked");
     });

     JSer("#btn1").click(function(){
          alert("button checked");
          return false;
     });
});