IE 中,如果内层 DIV 未指定宽度,外层 DIV 指定了宽度,则内层 DIV onclick 事件的触发区域就仅限于有内容的区域,FireFox 由不受由限制。注意两个条件:内层 DIV 未指定宽度,外层 DIV 指定了宽度。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>IE 对两层 DIV 事件的解释</title> </head> <body> <div style="width:500px;background-color:#999999;"> <div style="border:1px solid red;font-size:13px;" onclick="javascript:alert('检测到了点击!');">IE 中,在文字区域以外的地方点击,不会弹出对话框</div> </div> <p></p> <div style="width:500px;background-color:#999999;"> <div style="width:400px;border:1px solid red;font-size:13px;" onclick="javascript:alert('检测到了点击!');">IE 中,由于指定宽度,红框以内点击会弹出对话框</div> </div> </body> </html>[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
创建于2005年 渝ICP备05010272号-1
电邮:cftea@126.com