html alert 确认加事件,js事件中有alert执行顺序的问题

我运行是弹一个框改变一个颜色，并没有出现所有alert再变色的情况

代码如下

#div1{

width:300px;

height:300px;

border:1px solid black;

}

#div2{

margin:50px auto;

width:200px;

height:200px;

border:1px solid black;

}

#div3{

margin:50px auto;

width:100px;

height:100px;

border:1px solid black;

}

var div1=document.getElementById('div1');

var div2=document.getElementById('div2');

var div3=document.getElementById('div3');

div1.addEventListener('click',function(){

alert(this.id);

this.style.borderColor='red';

var self=this.style;

setTimeout(function(){

self.borderColor='black';

},1000)

},false);

div2.addEventListener('click',function(){

alert(this.id);

this.style.borderColor='red';

var self=this.style;

setTimeout(function(){

self.borderColor='black';

},1000)

},false);

div3.addEventListener('click',function(){

alert(this.id);

this.style.borderColor='red';

var self=this.style;

setTimeout(function(){

self.borderColor='black';

},1000)

},false)

html alert 确认加事件,js事件中有alert执行顺序的问题相关推荐

javascript当中mouseDown事件，mouseUp,和mouseClick执行顺序
11.mouseDown事件,mouseUp,和mouseClick执行顺序马克-to-win:下例仔细剖析了mouseDown和mouseClick的关系.当两个对象重叠在一起,(比如这里docu ...
js各运算符的执行顺序
js各运算符的执行顺序 JavaScript运算符优先级 JavaScript 运算符优先级,是描述在计算机运算计算表达式时执行运算的先后顺序. 先执行具有较高优先级的运算,然后执行较低优先级的运算. ...
html怎么在alert中加标题,js重写alert事件（避免alert弹框标题出现网址）
js代码: window.alert = function(msg, callback) { var div = document.createElement("div"); di ...
EventSystem的事件触发和pointer类执行顺序
上一篇写了Event Trigger的触发事件方法.这篇写EventSystem的触发事件方法.这两个方法都可以用来触发3D和2D事件.而且场景中都必须存在EventSystem这个GameObjec ...
js和jsp的执行顺序
jsp页面中的代码执行顺序一直很不清楚,最近把这个给理了理 1.js脚本执行顺序优先于html标签不明白的试试执行这个页面 <!DOCTYPE html PUBLIC "-//W3C ...
利用setTimeout方法控制JS中方法的执行顺序
JS方面中有A和B方法,B必须在A执行完之后才能执行,怎么保证呢? 1.首先设一个标志(isAFinish),用来标识A是否执行完. 2.B方法执行的时候,判断 var isAFinish=false ...
关于Ajax load页面中js部分$(function(){})的执行顺序
<script type="text/javascript">console.error(11111);$(function(){console.error(22222 ...
js设置ajax执行顺序,2018-03-10fiddler替换js、js的ajax方法执行顺序
一.fiddler的替换js 替换js fiddler能够将js替换为指定的js文件,方便调试也许还能做更多的事情,在js中可以配置好假想返回的数据,更加方便的调试. 二.js的调用和有ajax函数时 ...
js递归函数中的执行顺序问题
首先输出的a5.a4.a3应该不难理解,主要是最后两个个输出的执行顺序很容易乱套. 我们知道js是单线程,并且有一个堆栈的概念,函数的执行是放到栈里执行的,abc(--num)入栈顺序应该是abc(4 ...
js嵌套for循环执行顺序
外层循环判断条件,满足进入外层循环体内层循环判断条件,满足进入内层循环体内层判断条件满足,循环变量累加直至不满足判断条件退出至外层循环体以下为js遍历 <script>var i , ...

html alert 确认加事件,js事件中有alert执行顺序的问题

html alert 确认加事件,js事件中有alert执行顺序的问题相关推荐

最新文章

热门文章