微客导航 » 文章资讯 » JavaScript事件方法(实例讲解)

JavaScript事件方法(实例讲解)

2024-02-17 22:50:03 181

废话不多说，直接上代码







div{
background-color:lightblue;
margin:5px;
padding:5px;

}



varchangeSize=function(){
varoTxt=document.getElementById('txt');
oTxt.size+=5;
}

varshowMessage=function(){
alert('单击事件');
alert('事件类型：'+event.type);
}

window.onload=function(){
document.getElementById('btn1').onclick=
function(){
alert('btn1单击事件');
}
}








只有三次抽奖机会！

vartimes=0;//次数 vararr=['一千万','女神一枚','布加迪威龙','海景别墅','全英雄全皮肤','无限充值','逢赌必赢']; varbtnLottery=document.getElementById('btnLottery'); btnLottery.onclick=function(){ if(times>=3) { alert("你已经抽完三次了！"); this.onclick=null; return; } times++; varn=Math.floor(Math.random()*arr.length);//数组中随机抽一个 vardivResult=document.getElementById('divResult'); divResult.innerHTML="

您是第"+times+"次抽奖，抽中的是："+arr[n]+"

" } varsayHi=function(){ alert('Hello!'); } varbtnDOM2Test=document.getElementById('btnDOM2Test'); btnDOM2Test.addEventListener('click',function(){ alert('您单击的是：'+this.value); },false); btnDOM2Test.addEventListener('click',sayHi,false); varbtnDelDOM2Test=document.getElementById('btnDelDOM2Test'); vardel=function(){ btnDOM2Test.removeEventListener('click',function(){ alert('您单击的是：'+this.value); },false); btnDOM2Test.removeEventListener('click',sayHi,false); } btnDelDOM2Test.addEventListener('click',del,false); //IE9+ //btnDOM2Test.attachEvent("onclick",sayHi); //btnDOM2Test.attachEvent("onclick",function(){ //alert("IE事件绑定!"); //}); 请输入手机号码 vartxtPhoneNum=document.getElementById('txtPhoneNum'); EventUtil.addHandler(txtPhoneNum,'keypress',function(){ vare=EventUtil.getEvent(); //alert(e.keyCode); //都不是数字 if(e.keyCode<48||e.keyCode>57){ EventUtil.preventDefault(e); } });

用户登录

账号：
密码：
vartxtUID=document.getElementById('txtUID'); vartxtPWD=document.getElementById('txtPWD'); varbtnSubmit=document.getElementById('btnSubmit'); varfrmDemo=document.getElementById('frmDemo'); EventUtil.addHandler(btnSubmit,'click',function(){ alert('我提交了！'); if(txtUID.value=="admin"){ frmDemo.submit();//提交 } else{ return; } }); EventUtil.addHandler(txtUID,'keydown',function(){ vare=EventUtil.getEvent();//Enter.keyCode=13; if(e.keyCode==13){ txtPWD.focus(); EventUtil.preventDefault(e); } }); div1 div2 div3

以上这篇JavaScript事件方法(实例讲解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

JavaScript事件方法(实例讲解)

用户登录

热门推荐

随机推荐