html5新增的事件
`
<head> <meta charset="UTF-8"> <title>新增的事件</title> </head> <body> <input type="text" oninput="input()"> <form action="" onreset="reset()" id="form"> <!-- <input type="button" onclick="formReset()" value="Reset form"> --> <!-- 只绑定一次事件 --> <input type="button" id='myButton' value="Reset form"> </form> </body> <script> function reset() { // 不知道为啥这个方法绑定不上去 console.log('onreset1111111') } input = () => { console.log('oninput'); } formReset = () => { // console.log(document.querySelector('#form'), `document.querySelector('#form')`); document.querySelector('#form').reset(); } window.onresize = () => { console.log('onresize'); } window.ononline = () => { console.log('online'); } window.onoffline = () => { console.log('offline'); } window.onpageshow = () => { console.log('onpageshow'); } window.onpagehide = () => { console.log('onpagehide'); } window.onbeforeprint = () => { console.log('onbeforeprint'); } window.onbeforeunload = () => { console.log('onbeforeunload'); } window.onhashchange = () => { console.log('onhashchange'); } // 只绑定一次事件 document.getElementById("myButton").addEventListener("click", function () { console.log("myButton按钮被点击!"); }, { once: true }); </script> `
分类:
html
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· 字符编码：从基础到乱码解决
· Open-Sora 2.0 重磅开源！