JavaScript常用小知识总结（2）

1.事件冒泡相关的常用代码
示例1：停止事件冒泡

//如果提供了事件对象，则这是一个非IE浏览器
if ( e && e.stopPropagation )
   //因此它支持W3C的stopPropagation()方法
    e.stopPropagation(); 
else
   //否则，我们需要使用IE的方式来取消事件冒泡 
    window.event.cancelBubble = true;
return false

示例2：阻止浏览器的默认行为

//如果提供了事件对象，则这是一个非IE浏览器 
if ( e && e.preventDefault ) 
    //阻止默认浏览器动作(W3C) 
    e.preventDefault(); 
else
    //IE中阻止函数器默认动作的方式 
    window.event.returnValue = false; 
return false;

2.链接标签A的相关脚本
示例1：javascript阻止的href跳转
<a href="abc.htm" onclick="return add_onclick()">open</a>
如果函数 add_onclick() 返回 true, 那么页面就会打开 abc.htm。否则(即返回 false), 那么页面不会跳转到 abc.htm, 只会执行你的 add_onclick() 函数里的内容. (add_onclick函数中控制页面转到 abc.htm除外)
<a href="abc.htm" onclick="add_onclick()">open</a>
不管 add_onclick() 返回什么值, 都会在执行完 add_onclick 后打开页面 abc.htm

示例2：捕获超链接的Ctrl+Click事件
<!--Work in IE 6.0/7.0 and FF 3.0-->
<a href="#" onclick="if(event.ctrlKey){alert('Hello World!');return false;}window.location.href='http://www.google.com'";>google</a>
示例2效果：

如果点击超链接，将正常导向；

如果按住Ctrl键并点击超链接，将执行一段JS代码，并且浏览器不会导向或打开新页面

3. 下拉列表框常用操作
示例1：获取选中项的值
若用于非下拉列表自身的事件中：列表对象.options[this.options.selectedIndex].value
若用于非下拉列表自身的事件中：this.options[this.options.selectedIndex].value

 

4.