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
