为了账号安全,请及时绑定邮箱和手机立即绑定
为了能听见老师的声音很好听,希望能经常有你的声音陪伴!
对于@qq_沃德天维森陌拉莫帅yb_0 同学说的为了方便而不在参数里设置type,那也只是对于这个点击事件来说方便了,如果想要设置其它事件,那还要一个个进函数里修改。这里加上是为了函数的抽象化,增加函数的复用性,以后想要设置其它事件了,直接在参数里设置就好了,这样更方便调用。
window.onload=function(){
play.onclick=playFun;
stop.onclick=stopFun;
document.onkeyup=keyFun;
}
function keyFun(event){
var event=event||window.event;
if(event.keyCode==13){
timer?stopFun():playFun();
}
};
function playFun(){
if(timer) return;
timer=setInterval(function(){
var r=Math.floor(Math.random() * data.length);
title.innerHTML=data[r];
},50);
play.style.background='#999';
}
function stopFun(){
if(!timer) return;
clearInterval(timer);timer=null;
play.style.background='#036';
}

最赞回答 / 慕勒7123956
如果不设置为null的话,这个事件其实会一直运行的,就是只要你的鼠标移动就会运行这个事件。比较浪费资源
瑞特 老师好可爱
事件冒泡是从下往上的 事件捕获是从上往下的
对老师来说,思路很立体,对我们来说,多遇到这种情况,熟能生巧就好了
兼容了IE,firefox游览器却不兼容 ? 郁闷
document.onclick=function(event){
var event=event||window.event;
var element=event.target||event.srcElement;
if(element.className.indexOf('login-state')==-1){
loginStatePanel.style.display='none';
}
};
loginState.onclick=function(){
var display= loginStatePanel.style.display;
loginStatePanel.style.display= display=='block'?'none':'block';
};
function liClick(event){
//var element=event.target||event.srcElement;
var clsName=this.children[0].className.split(' ')[1];
var txt=this.children[1].innerHTML;
loginStateShow.className='login-state-show '+clsName;
stateTxt.innerHTML=txt;
}
.statePanel .statePanel_li:hover{
background:#567;
}
老师讲得很好,声音也好听,1.5倍速看下来很流畅,到自己写的时候......很卡。
为什么不用<select>呢 搞这么麻烦
课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识。
老师告诉你能学到什么?
DOM事件具体相关知识,DOM事件的使用方法及应用!

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消