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>

樣本：

12

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>

樣本：

1

3，IE6下給option元素添加title屬性實現tips功能無效。 複製代碼 代碼如下:<select id="s1" multiple="multiple">
<option value="1" title="tips">1</option>
</select>

樣本：

1