javascript各浏览器中option元素的表现差异

  1,IE6/7/8/9中无事件(如click,mouseover),Firefox/Safari/Chrome/Opera则有。

  

复制代码 代码如下:

  <select id="s1" multiple="multiple">

  <option value="1" onclick="alert(1);">1</option>

  <option value="2" onclick="alert(2);">2</option>

  </select>

  

  示例:

  2,点击option,通过srcElement获取事件源目标在IE中是select,Firefox/Safari/Chrome/Opera则是option。

  

复制代码 代码如下:

  <select id="s2" multiple="multiple">

  <option value="1" >1</option>

  </select>

  <script>

  document.getElementById('s2').onclick = function(e){

  var evt = window.event || e;

  var target = evt.srcElement || evt.target;

  alert(target.tagName);

  }

  </script>

  

  示例:

  3,IE6下给option元素添加title属性实现tips功能无效。

  

复制代码 代码如下:

  <select id="s1" multiple="multiple">

  <option value="1" title="tips">1</option>

  </select>

  

  示例: