- onload：加载完成事件，页面加载完成之后，常用于做页面js代码初始化操作
- onclick：单击事件，常用于按钮的点击响应操作
- onblur：失去焦点事件，常用于输入框失去焦点后验证其输入内容是否合法
- onchange：内容发生改变，常用于下拉列表和输入框内容发生该表后操作
- onsubmit：表单提交事件，常用于表单提交前，验证所有表单项是否合法
onload事件
// 静态注册事件
// onload事件是浏览器解析页面之后自动触发的事件
function onLoadFun(params) {
alert("静态注册onload事件");
}
// <body onload="onLoadFun();">// 动态注册onload事件
window.onload = function () {
alert("动态注册onload事件");
}onclick事件
// 静态注册 onclick事件
function onClickFun(params) {
alert("静态注册onclick事件");
}
// <button onclick="onClickFun();">按钮</button>
// 动态注册onclick事件
window.onload = function () {
// 获取标签对象
var obj = document.getElementById("eyujun");
// 通过标签对象.事件名 = function(){}
obj.onclick = function () {
alert("动态注册onclick事件");
}
}
// <button id="eyujun">按钮</button>onblur事件
// 静态注册 onblur事件
function onBlurFun(params) {
console.log("静态注册onblur失去焦点事件");
}
// 用户名：<input type="text" onblur="onBlurFun();"><br>
// 动态注册onblur事件
window.onload = function () {
// 获取标签对象
var obj = document.getElementById("e1yu");
// 通过标签对象.事件名 = function(){}
obj.onblur = function () {
console.log("动态注册onblur事件");
}
}
// 密码：<input id="e1yu" type="text"><br>onchange事件
// 静态注册 onchange事件
function onChangeFun(params) {
alert("静态注册onchange事件");
}
// <select onchange="onChangeFun();">
// <option value="1">鳄鱼君1</option>
// <option value="2">鳄鱼君2</option>
// <option value="3">鳄鱼君3</option>
// </select> // 动态注册onblur事件
window.onload = function () {
// 获取标签对象
var obj = document.getElementById("paopaojun");
// 通过标签对象.事件名 = function(){}
obj.onchange = function () {
alert("动态注册onchange事件");
}
}
// <select id="paopaojun">
// <option value="1">鳄鱼君1</option>
// <option value="2">鳄鱼君2</option>
// <option value="3">鳄鱼君3</option>
// </select>onsubmit事件
// 静态注册 onsubmit事件
function onSubmitFun(params) {
// 验证所有表单项是否合法
alert("静态注册不合法");
return false;
}
// <form action="https://www.e1yu.com" method="GET" onsubmit="return onSubmitFun();">
// <input type="submit" value="静态注册">
// </form> // 动态注册onblur事件
window.onload = function () {
// 获取标签对象
var obj = document.getElementById("form1");
// 通过标签对象.事件名 = function(){}
obj.onsubmit = function () {
alert("动态注册");
return false;
}
}
// <form id="form1" action="https://www.e1yu.com" method="GET">
// <input type="submit" value="动态注册">
// </form>声明：1. 本站所有资源来源于用户上传和网络，因此不包含技术服务请大家谅解！如有侵权请邮件联系客服！
2. 本站不保证所提供下载的资源的准确性、安全性和完整性，资源仅供下载学习之用！如有链接无法下载、失效或广告，请联系客服处理！
3. 您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容资源！如用于商业或者非法用途，与本站无关，一切后果请用户自负！
2. 本站不保证所提供下载的资源的准确性、安全性和完整性，资源仅供下载学习之用！如有链接无法下载、失效或广告，请联系客服处理！
3. 您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容资源！如用于商业或者非法用途，与本站无关，一切后果请用户自负！
