Detailed explanation of JavaScript event method examples-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

Detailed explanation of JavaScript event method examples

Jun 27, 2017 am 09:40 AM

javascript js event method

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style type="text/css">
div{
background-color:lightblue;
margin:5px;
padding:5px;

}
</style>
<script src="Scripts/EventUtil.js?1.1.11" type="text/javascript"></script>
<script type="text/javascript">
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单击事件');
}
}
</script>
</head>
<body>
<input type="text" id="txt" size="10"/>
<input type="button" value="加长" onclick="changeSize()"/>
<input type="button" value="点我" onclick="showMessage()"/>
<input type="button" id="btn1" value="按钮" />

<p> 只有三次抽奖机会！ </p>
<input id="btnLottery" type="button" value="抽奖"/>
<div id="divResult">

</div>
<script type="text/javascript">
var times = 0; //Numbers
var arr = ['Ten million', 'A goddess', 'Bugatti Veyron ', 'Ocean view villa', 'All heroes and all skins', 'Unlimited recharge', 'Win every bet'];

var btnLottery = document.getElementById('btnLottery');
btnLottery. onclick = function () {
if(times >= 3)
Return ;
times++; ');
divResult.innerHTML = "<p>You are the "+ times +" lottery draw, and the winner is: "+ arr[n] +"</p>"
}
</script>

<input type="button" id="btnDOM2Test" value="Test DOM2 event processing"/>
<input type="button" id= "btnDelDOM2Test" value="Test DOM2 deletion event handling"/>
<script type="text/javascript">
var sayHi = function () {
alert('Hello!') ;

}

var btnDOM2Test = document.getElementById('btnDOM2Test');
btnDOM2Test.addEventListener('click', function () {
alert('You clicked: ' + this.value);
}, false);

btnDOM2Test.addEventListener('click', sayHi, false);

var btnDelDOM2Test = document.getElementById('btnDelDOM2Test' );

var del = function () {

btnDOM2Test.removeEventListener('click', function () {

alert('You clicked: ' + this.value);

}, false);

btnDOM2Test.removeEventListener ('click', sayHi, false); /IE9+

using using use using use using using using ‐ ‐ out out out’ ’ s ’ ‐ ‐ ‐ ‐ ‐ ‐‐ //btnDOM2Test.attachEvent("onclick", sayHi); ;

//});
</script>
##<label for="txtPhoneNum">Please enter your mobile phone number</label>
<input type= "text" id = "txtphonenum"/& gt;
& lt; script type = "text/javascript" & gt;
Var txtphonum = document.getelementByid ('txtphonenum' );
Eventutil.addhandler (txtphonenum, 'keypress', function () {

var e = EventUtil.getEvent();

//alert(e.keyCode); 48 || e.keyCode > 57) {
EventUtil.preventDefault(e);
using using using using using using using using using out out out out out out out of ’s ’ ’s to 57 through e.keyCode > --EventUtil.preventDefault(e)- }

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);
}
});
</script>

The above is the detailed content of Detailed explanation of JavaScript event method examples. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn