成都网站建设设计

将想法与焦点和您一起共享

JavaScript事件方法的示例分析

这篇文章主要介绍了JavaScript事件方法的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

成都创新互联是一家专注于成都网站设计、网站建设、外贸网站建设与策划设计,临洮网站建设哪家好?成都创新互联做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:临洮等地区。临洮做网站价格咨询:028-86922220

上代码







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

}



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

var showMessage = function () {
alert('单击事件');
alert('事件类型:' + event.type);
}

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








 只有三次抽奖机会! 

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

您是第"+ times +"次抽奖,抽中的是:"+ arr[n] +"

" } var sayHi = function () { alert('Hello!'); } var btnDOM2Test = document.getElementById('btnDOM2Test'); btnDOM2Test.addEventListener('click', function () { alert('您单击的是:' + this.value); }, false); btnDOM2Test.addEventListener('click', sayHi, false); var btnDelDOM2Test = document.getElementById('btnDelDOM2Test'); var del = 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事件绑定!"); //}); 请输入手机号码 var txtPhoneNum = document.getElementById('txtPhoneNum'); EventUtil.addHandler(txtPhoneNum, 'keypress', function () { var e = EventUtil.getEvent(); //alert(e.keyCode); //都不是数字 if (e.keyCode < 48 || e.keyCode > 57) { EventUtil.preventDefault(e); } });

用户登录

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

感谢你能够认真阅读完这篇文章,希望小编分享的“JavaScript事件方法的示例分析”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


文章名称:JavaScript事件方法的示例分析
标题URL:http://chengdu.cdxwcx.cn/article/psjcds.html

其他资讯