摘要:
案例20:模拟京东按键输入内容<body> <input type="text"> <script> // 核心思路: 检测用户是否按下了s 键,如果按下s 键,就把光标定位到搜索框里面 // 使用键盘事件对象里面的keyCode 判断用户按下的是否是s键 // 搜索框获得焦点: 使用 js 里面的 阅读全文
posted @ 2023-05-10 17:44
权衡
阅读(11)
评论(0)
推荐(0)
摘要:
案例21:模拟京东快递单号查询案例keydown和keypress在文本框里面的特点:他们两个事件触发的时候,文字还没有落入文本框中。 快递单号输入内容时, 上面的大号字体盒子(con)显示(这里面的文字同时把快递单号里面的值(value)获取过来赋值给 con盒子(innerText)做为内容如果 阅读全文
posted @ 2023-05-10 17:44
权衡
阅读(16)
评论(0)
推荐(0)
摘要:
案例22:倒计时效果这个倒计时是不断变化的,因此需要定时器来自动变化(setInterval)三个黑色盒子里面分别存放时分秒三个黑色盒子利用innerHTML 放入计算的小时分钟秒数第一次执行也是间隔毫秒数,因此刚刷新页面会有空白最好采取封装函数的方式, 这样可以先调用一次这个函数,防止刚开始刷新页 阅读全文
posted @ 2023-05-10 17:44
权衡
阅读(14)
评论(0)
推荐(0)
摘要:
案例15:tab栏切换<body> <div class="tab"> <div class="tab_list"> <ul> <li class="current">商品介绍</li> <li>规格与包装</li> <li>售后保障</li> <li>商品评价(50000)</li> <li>手机 阅读全文
posted @ 2023-05-10 17:43
权衡
阅读(18)
评论(0)
推荐(0)
摘要:
案例16:新浪下拉菜单<body> <ul class="nav"> <li> <a href="#">微博</a> <ul> <li> <a href="">私信</a> </li> <li> <a href="">评论</a> </li> <li> <a href="">@我</a> < 阅读全文
posted @ 2023-05-10 17:43
权衡
阅读(11)
评论(0)
推荐(0)
摘要:
案例17:留言添加操作<body> <textarea name="" id=""></textarea> <button>发布</button> <ul> </ul> <script> // 1. 获取元素 var btn = document.querySelector('button'); v 阅读全文
posted @ 2023-05-10 17:43
权衡
阅读(9)
评论(0)
推荐(0)
摘要:
案例18:留言删除操作<body> <textarea name="" id=""></textarea> <button>发布</button> <ul> </ul> <script> // 1. 获取元素 var btn = document.querySelector('button'); v 阅读全文
posted @ 2023-05-10 17:43
权衡
阅读(23)
评论(0)
推荐(0)
浙公网安备 33010602011771号