DOM事件探秘_技术问答

首页免费课 DOM事件探秘问答

DOM事件探秘

                
                Amy
            
                    查看讲师更多课程 
                    Amy讲师的其他课程
                
CSS3实现漂亮ToolTips效果
初级·42722
免费课程
                                
css3实现网页平滑过渡效果
初级·54371
免费课程
                                
CSS3实现“图片阴影”效果
初级·34768
免费课程
                                
Tab选项卡切换效果
初级·65467
免费课程
                                
瀑布流布局
初级·97756
免费课程
                                
                难度中级
            
                时长 2小时57分
            
                学习人数
            
综合评分9.73
                            754人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.7
                                简洁易懂
                            
                                9.6
                                逻辑清晰

全部评论问答未解决精华

慕侠0718635

var start=document.getElementById("start");
var end=document.getElementById("end");
var word=document.getElementById("text");
start.disabled=true;
timer=setInterval(function(){
var random= Math.floor(Math.random()*data.length);
word.innerHTML=data[random];
},50)
end.disabled=false;

1 4-5 [DOM事件] 抽奖系统（下）

2017-09-26

慕侠0718635

}
function endw(){
var start=document.getElementById("start");
var end=document.getElementById("end");
end.disabled=true;
clearInterval(timer);
start.disabled=false;
}
document.onkeydown=function(){if(start.disabled){

1 4-5 [DOM事件] 抽奖系统（下）

2017-09-26

慕侠0718635

document.onkeyup=function(event){if(event.keyCode==13){endw();}}}else{document.onkeyup=function(event){if(event.keyCode==13){startw();}}}}</script></head><body><div id="text">奖品</div><button id="start" onClick="startw()" > 开始</button><button id="end" onClick="endw()" > 结束</button></body></html>

1 4-5 [DOM事件] 抽奖系统（下）

2017-09-26

慕侠0718635

再就是按钮通常直接用<input type="button"></input>或者<button></button>然后在添加鼠标点击和键盘点击事件，这样会少写很多代码和逻辑。

1 4-5 [DOM事件] 抽奖系统（下）

2017-09-26

慕侠0718635

解决键盘开始暂停：
1、鼠标点击开始之后按钮变为不可用，点击结束后开始按钮可用。
2、点击键盘判断开始按钮是否可用，不可用则触发结束按钮，可用则触发开始按钮。
3、问题解决

2 4-5 [DOM事件] 抽奖系统（下）

2017-09-26

慕侠0718635

点击开始之后按钮变为不可点击状态不就可以了么？

1 4-5 [DOM事件] 抽奖系统（下）

2017-09-26

qq_HSQ_2

老师讲的好好哦！

1 3-2 IE中的事件对象

2017-09-23

Danni11

left: 37，

up: 38

right: 39

down: 40

enter: 13

0 5-1 编程挑战

2017-09-20

espelansa

讨论老师身体的人是不是脑残。。。。。。

9 1-1 [DOM] 事件冒泡

2017-09-20

好兄弟

拖拽，不是拖曳，哎英语发音不准，汉字也读错

3 4-3 [DOM事件] QQ面板状态切换效果

2017-09-19

慕沐5295118

没听懂，看来又要看回前面了

0 2-1 HTML事件处理程序

2017-09-19

qq_太阳_41

谁有老师的照片啊

0 1-1 [DOM] 事件冒泡

2017-09-18

Danni11

感觉抽奖系统这一章节有些跑题了，讲了一堆计时器、随机数。真的要讲键盘事件的话，写一个文本输入框，限制可以打多少字，这样更明显也更容易理解。

0 4-4 [DOM事件] 抽奖系统（上）

2017-09-18

康子3575280

女生讲课就是细

2 4-3 [DOM事件] QQ面板状态切换效果

2017-09-17

AllySu

这个跟表单里面的下拉列表框有什么不一样吗？为什么复杂了很多？http://www.imooc.com/code/498

0 5-1 编程挑战

2017-09-17

首页上一页 8 9 10 11 12 13 14 下一页尾页

开始学习

课程须知: 1.你一定对HTML+CSS比较熟悉； 2.掌握一定的JS基础知识，尤其是函数封装、调用等知识。

老师告诉你能学到什么？: DOM事件具体相关知识，DOM事件的使用方法及应用！

微信扫码，参与3人拼团

热搜

最近搜索清空

DOM事件探秘