摘要：
核心思路：监测用户是否按下s键，如果按下s键就把光标定位到搜索框里面 使用键盘事件对象里面的keyCode判断用户按下的是否是s键 搜索框获得焦点：使用js里面的focus()方法 <body> <input type="text" /> </body> <script> var search = 阅读全文
posted @ 2022-04-18 11:35
罗砂
阅读(117)
评论(0)
推荐(0)
摘要：
<script> document.addEventListener("keyup", function () { console.log("我弹起了"); }); // keypress按键按下的时候触发 不能识别功能键 比如ctr1 shift 左右箭头等 document.addEventLi 阅读全文
posted @ 2022-04-18 11:34
罗砂
阅读(44)
评论(0)
推荐(0)
摘要：
鼠标不断的移动，使用鼠标移动事件:mousemove 在页面中移动，给document注册事件 图片要移动距离，而且不占位置，我们使用绝对定位即可 核心原理∶每次鼠标移动，我们都会获得最新的鼠标坐标，把这个x和y坐标做为图片的 top和left值就可以移动图片 <body> <img src="/i 阅读全文
posted @ 2022-04-18 11:33
罗砂
阅读(49)
评论(0)
推荐(0)
摘要：
<style> body { height: 3000px; } </style> </head> <body> <script> // 鼠标事件对象 MouseEvent document.addEventListener("click", function (e) { // 1.client 鼠 阅读全文
posted @ 2022-04-18 11:32
罗砂
阅读(156)
评论(0)
推荐(0)
摘要：
<body> 这句话有自己的想法 </body> <script> // 1.禁止鼠标右键菜单 // contextmenu主要控制应该何时显示上下文菜单，主要用于程序员取消默认上下文菜单 document.addEventListener("contextmenu", function (e) { 阅读全文
posted @ 2022-04-18 11:32
罗砂
阅读(40)
评论(0)
推荐(0)
摘要：
<script> // 常见事件对象的属性和方法 // 1.返回事件类型 var div = document.querySelector("div"); div.addEventListener("click", fn); div.addEventListener("mouseover", fn) 阅读全文
posted @ 2022-04-18 11:31
罗砂
阅读(72)
评论(0)
推荐(0)
摘要：
<body> <div>123</div> <ul> <li>abc</li> <li>abc</li> <li>abc</li> </ul> </body> <script> // 常见事件对象的属性和方法 // 1.e.target 返回的是触发事件的对象(元素) this返回的是绑定事件的对象 阅读全文
posted @ 2022-04-18 11:31
罗砂
阅读(66)
评论(0)
推荐(0)
摘要：
<style> ul { list-style: none; } li { width: 300px; } </style> </head> <body> <ul> <li>知否知否，点我应有弹窗在手</li> <li>知否知否，点我应有弹窗在手</li> <li>知否知否，点我应有弹窗在手</li 阅读全文
posted @ 2022-04-18 11:30
罗砂
阅读(278)
评论(0)
推荐(0)
摘要：
<body> <button>注册事件</button> </body> <script> let arr = "asdfdgd"; let aar = 0; for (let i = 0; i < arr.length; i++) { aar += arr[i]; } console.log(aa 阅读全文
posted @ 2022-04-18 11:29
罗砂
阅读(24)
评论(0)
推荐(0)
摘要：
<body onclick="alert('body')"> <!--html--> <div style="width: 400px; height: 400px; background: red" onclick="alert(this.style.background)" > <div id= 阅读全文
posted @ 2022-04-18 11:29
罗砂
阅读(37)
评论(0)
推荐(0)
浙公网安备 33010602011771号