tofacebook.com -专业IT技术社区(贪吃蛇学院) JS中事件以及语句运行顺序的问题 Web程序 - tofacebook.com-专业IT技术社区(贪吃蛇学院)
142°

JS中事件以及语句运行顺序的问题 Web程序

标签:lex   读取   span   浏览器   方法   事件   eve   font   target   

先来看看问题:

问题:
1.为何onfoucs事件在这段代码中是最后才执行的?
2.这里有涉及到异步?不然的话为何onfocus事件还没执行,就继续解析下一段代码了?
技术分享图片代码如图:

code

我在chrome,FF浏览器的运行结果得到的顺序都是:
1.console.log(document.readyState)
2.alert()语句
3.最后才是onfocus方法

运行结果:
1.一定是先出现loading的,否则alert会阻塞进程。

result1
技术分享图片
2.当我按下确定,则出现了下一段的test

result2

 

这里面涉及到JS中的事件运行机制问题:

原理是:当DOM事件,异步任务等执行的时候,JS会把他们push到任务队列中等到当前主进程中的同步任务执行完毕后才会读取任务队列中的事件。因此,上述代码中的代码,onfocus永远都是最后执行,因为他是DOM事件同时他是异步的

附上我在SF上面的本次问题的参考:https://segmentfault.com/q/1010000012255353
技术分享图片

JS中事件以及语句运行顺序的问题

标签:lex   读取   span   浏览器   方法   事件   eve   font   target   

原文地址:https://www.cnblogs.com/ge1in/p/JavaScriptEvent.html


本文由百家号/熊掌号作者上传并发布,百家号仅提供信息发布平台。文章仅代表作者个人观点,不代表百度立场。

已有 0 条评论

    我有话说: