<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible...
最新博文
JavaScript页面load事件
JavaScript onunload事件
// 强制刷新 转到其他页面 关闭页面时显示 // chrome 会显示提示信息 // 按钮是浏览器自带的 window.onbeforeunload =function(){ return '您的数据还没有保存' } // 下...
JavaScript 鼠标事件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible...
JavaScript 键盘事件
onkeyup 按键弹起 onkeypress 按键按下并弹起 onkeydown 按键按下时触发 window.onkeydown =function(e){ console.log(e) console.log(e.key) console.log(e.keyCode) c...
JavaScript 表单事件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible...
JavaScript 三元运算符
var score = 61 var result // 三元运算符 // 格式 判断条件?‘值1’:'值2' // 如果条件成立 执行值1 // 如果条件不成立 执行值2 result = score >= 60?'及格':'不及格' ...
JavaScript 通过循环监听事件
div{ width: 50px; height: 200px; border: 1px solid blue; float: left; } <body> <div data-note="1"></div> <div data-note="2"></div> <div data-note="3"></div> ...
JavaScript 自定义事件
<body> <div></div> <script> // 创建自定义事件 var customEvent =document.createEvent('CustomEvent') // 初始化自定义事件 customEvent.initCustomEvent('自定义事...
JavaScript 模拟鼠标事件
div{ width: 300px; height: 50px; background-color: red; color: white; } <body> <div> 这个DIV可以点击 点击键盘时会虚拟一个鼠标点击事件 </div> <script> var div...
JavaScript 模拟键盘事件
div{ width: 300px; height: 50px; background-color: red; color: white; } <body> <div> 这个DIV可以点击 点击时会触发一个键盘事件 </div> <script> var div = docum...