![](https://img-blog.csdnimg.cn/20210507080743885.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
js监听事件
利用js监听事件,完成一些小demo.
自豪听我的
神仙打架 靠边行走
展开
-
JS之事件委托
1.使用背景当需要批量添加事件监听时,比如点击每个li都将变为字体变为红色。目标效果如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</ti原创 2021-05-25 20:02:30 · 132 阅读 · 0 评论 -
JS制作计算器
使用onblur事件监听输入框失去焦点获取输入框值,使用onchange事件监听下拉框,获取运算方法<!DOCTYPE html><html><head> <title></title></head><body> <input type='text' id='num1' /> <select id='operate'> <option val原创 2021-05-06 22:07:29 · 119 阅读 · 0 评论 -
JS实现点击下拉框改变背景颜色
使用onchange事件,当点击不同下拉框选项时,改变div背景颜色以及文字效果展示代码演示<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title>onchange()</title> <style type="text/css"> #div { width: 300px; height原创 2021-05-06 21:10:52 · 4404 阅读 · 0 评论 -
JS监听键盘事件,并计算textarea内容长度
使用onkeyup事件监听输入框内容长度,并显示在页面效果展示2. 代码展示<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title>输入文本</title> </head> <body> <p>字数限制在30字内,<span><span id="be"&原创 2021-05-06 20:43:57 · 299 阅读 · 0 评论