前两天做城市搜索的时候，我对搜索按钮绑定了事件，如果输入栏内的文字不符合要求就用标签提示（标签展示出来后对文件绑定点击，点击后隐藏标签)并使输入栏获得焦点。就这样一个小功能我调试了、3个多小时，IE里表现的是标签一闪而过，后来发现是按钮的点击事件和投入的交替出发了多次，估计是事件回退发生的，用了preventDefault()和停止传播()两个函数后修正了问题。虽然问题解决了，但是事件的执行顺序真是很难掌握呀，于是我做了个简单的事件监测函数，可以自动记录页面事件触发，见如下代码（首先肯定要引入jquery！)复制代码代码如下：//事件执行监测函数eventsMonitor(op){ var默认设置={ eventstr : '单击焦点模糊'，splitStr: ' '，CSS : { '边框' : ' 1px红色实心'，' z-index':90000，'背景' : '白色'，'位置' : '绝对'，宽度：400，高度：200，'溢出-x ' 333: '隐藏'扩展（真，默认设置，操作);$(' div id=' DivForgeEvents ' div/div ').appendTo("正文")。CSS(ops。CSS)；var $ infolog=$(' # DivForgeEvents div : eq(0)')；$.每个(行动。事件字符串。拆分(操作。分裂串)，函数(I，v){ if(v！=' resize ')$(' * : not(' # DivForgeEvents ')').bind(v，function(e){ if(！$(e.target).是(' # DivForLogEvents ')！$(e.target).is($ info log)){ $ info log。追加((e . target。nodename | | ' ')'-'(e . target。目标。名称| | ' ')' v '事件！br’)；$(' # DivForgeVents 3360不(:动画)')。动画({ scrolltop : $ infolog。高度()}，300)；} });else $(窗口)。bind('resize '，function(e){ if(！$(e.target).是(' # DivForLogEvents ')！$(e.target).is($ info log)){ $ info log。追加((e . target。nodename | | ' ')'-'(e . target。目标。名称| | ' ')' v '事件！br’)；$(' # DivForgeVents 3360不(:动画)')。动画({ scrolltop : $ infolog。高度()}，300)；} });});}调用方法示例复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 ' title无标题Document/title script type=' text/JavaScript ' src=' http :http://Ajax。谷歌API。com/Ajax/libs/jquery/1。3 .2/jquery。量滴js '/脚本！-谷歌CDN -脚本类型=' text/JAVAScript ' src=' http : eventsmonitor。js /脚本！-谷歌CDN -脚本类型='text/javascript' $(文档)。ready(function(){ eventsMonitor({ CSS : { top :0，right:20}，eventsStr: '单击模糊焦点选择滚动鼠标滚轮调整大小' });$('#info ').单击(function(){$(this)).文本($(' # DivForgeEvents ').outhealth())；});});/script/head body Hello world img src=' http://img。cppcns。com/pic。PHP？网址=/upload/2009-12/20091209042029557。gif '/输入类型=' text ' id=' name ' value='测试/span id=' info ' ffffffff/span/body/html效果截图