IE与火狐两个浏览器出现不同的结果
<ul>
<li onclick= "f() "> aaaa </li>
<ul>
<li onclick= "f1() "> 11111 </li>
</ul>
</ul>
<script language= "javascript ">
function f()
{
alert( 'aaaa ');
}
function f1()
{
alert( '11111 ');
}
</script>
在火狐中,点击11111,弹出11111,正常
在IE中,点击11111,弹出11111,弹出aaaa.多了弹出aaaa,如何解决?
------解决方案--------------------cancelBubble
------解决方案--------------------function f1()
{
alert( '11111 ');
event.cancelBubble = true;
}
------解决方案-------------------- <ul>
<li onclick= "f() "> aaaa </li>
<ul> <li onclick= "f1() "> 11111 </li> </ul>
</ul>
<script language= "javascript ">
var child= ' ';
function f()
{
if(child== ' ' || navigator.appName!= 'Microsoft Internet Explorer ')alert( 'aaaa ');
child= ' ';
}
function f1()
{
child= 'f1 ';
alert( '11111 ');
}
</script>
------解决方案--------------------event.cancelBubble
ff好像不支持。
function f1()
{
alert( '11111 ');
event.cancelBubble = true;
alert( 'FF下你看不到,IE下你看的到. ');
}