“textarea标签事件属性”简介

textarea 标签事件属性是与 HTML 中的 textarea 元素相关的事件处理机制。简单来说，当用户与 textarea 元素进行某些交互操作时，可以触发特定的事件，并通过 JavaScript 来处理这些事件。

常见的 textarea 标签事件属性包括：

1. onchange：当 textarea 的内容被改变时触发。例如，用户输入或删除文本时。


2. oninput：当用户在 textarea 中输入内容时实时触发。


3. onblur：当 textarea 失去焦点（例如，用户点击了其他元素或按下了 Tab 键）时触发。


4. onfocus：当 textarea 获得焦点（例如，用户通过点击或 Tab 键选中）时触发。

这些事件属性可以让你为 textarea 添加各种行为或功能，如自动验证、提示用户输入内容、执行某些动作等。你可以通过 JavaScript 为这些事件绑定函数来处理用户的交互行为。

例如，如果你想要在用户更改 textarea 的内容时显示一个确认对话框，你可以使用 onchange 事件属性：

```html
</p><br><script><br>function handleChange() {<br> alert('文本内容已被更改!');<br>}<br></script><br><p>```<br>当然，这只是一个简单的例子。实际的应用中，你可以根据需求更复杂地使用这些事件属性来处理各种用户交互行为。</p><br> </div> <div class="alert alert-success" role="alert"> <p>二库网通过对网友关注问题进行分析，发现很多朋友想了解一些有关“<strong class="text-danger">textarea标签事件属性</strong>”的内容，我们为大家找到了以下内容，希望可以解决您的疑惑</p> <p class="mb-0 text-end">——二库网站长语</p> <hr> </div> <div class="list"> <div class="border rounded p-md-3 p-2 mt-3 d-flex flex-nowrap"> <a href="/bc/238.html" target="_blank" rel='nofollow'><img src="/static/images/nopic/20.jpg" alt="textarea标签事件属性（textarea标签只能上下调节尺寸,宽度固定，要设置哪些css属性）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <p class="mb-3 fw-bold"><a href="/bc/238.html" id="itemTitle238">textarea标签事件属性（textarea标签只能上下调节尺寸,宽度固定，要设置哪些css属性）</a></p> <p class="text-secondary hidden-md"id="itemIntro238">这篇文章给大家聊聊关于textarea标签事件属性，以及textarea标签只能上下调节尺寸,宽度固定，要设置哪些css属性对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。本文目录textarea标签只能上下调节尺寸,宽度固定，要设置</p> <p class="text-secondary mt-auto"> <small>2025年5月25日 06:15</small></p> </div> </div> <script> // 将string转化为数组 var returnflag // 将string转化为数组 returnflag = 'textarea标签事件属性'.split(','); //console.log('returnflag', returnflag); // 如果returnflag有数据 if (returnflag) { var itemdata = document.getElementById('itemTitle238').innerText; // console.log('itemdata', itemdata); flag = false; for (var i = 0; i < returnflag.length; i++) { // console.log('returnflag[i]', returnflag[i]); // itemdata字符串中是否包含分词 if (itemdata.indexOf(returnflag[i]) >= 0) { itemdata = itemdata.replace(String(returnflag[i]), '<span style="color:red">' + returnflag[i] + '</span>'); console.log('itemdata', itemdata); flag = true; }else if(itemdata.toUpperCase().indexOf(returnflag[i].toUpperCase()) >= 0){ itemdata = itemdata.toUpperCase().replace(String(returnflag[i].toUpperCase()), '<span style="color:red">' + returnflag[i].toUpperCase() + '</span>'); flag = true; } } if (!flag) { console.log('没有搜索到有关内容!'); } else { document.getElementById('itemTitle238').innerHTML = itemdata; } var itemdata2 = document.getElementById('itemIntro238').innerText; // console.log('itemdata', itemdata); flag = false; for (var i = 0; i < returnflag.length; i++) { // console.log('returnflag[i]', returnflag[i]); // itemdata字符串中是否包含分词 if (itemdata2.indexOf(returnflag[i]) >= 0) { itemdata2 = itemdata2.replace(String(returnflag[i]), '<span style="color:red">' + returnflag[i] + '</span>'); // console.log('itemdata', itemdata); flag = true; }else if(itemdata2.toUpperCase().indexOf(returnflag[i].toUpperCase()) >= 0){ itemdata2 = itemdata2.toUpperCase().replace(String(returnflag[i].toUpperCase()), '<span style="color:red">' + returnflag[i].toUpperCase() + '</span>'); flag = true; } } if (!flag) { console.log('没有搜索到有关内容!'); } else { document.getElementById('itemIntro238').innerHTML = itemdata2; } } </script> <nav aria-label="Page navigation example" class=" mt-3"> <ul class="pagination justify-content-center"> <li class="page-item active"><a class="page-link " href="/tag/239_1.html">1</a></li> <li class="page-item"><a class="page-link" href="/tag/239_1.html">共1页</a></li> </ul> </nav> </div> </div> <div class="col-md-3 bg-light"> <div class="fs-6 mt-3"><i class="bi bi-x-diamond-fill fs-6 text-primary"></i> 近期文章</div> <hr /> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/44773.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/12.jpg" alt="predictlt（请问predict函数怎么用啊）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/44773.html">predictlt（请问predict函数怎么用啊）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-09-25 18:45:01</div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/44772.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/9.jpg" alt="cej期刊是sci几区（sci一区二区三区四区的区别是什么）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/44772.html">cej期刊是sci几区（sci一区二区三区四区的区别是什么）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-09-25 18:30:01</div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/44771.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/20.jpg" alt="postman打不开了（postman测试被过滤了怎么办）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/44771.html">postman打不开了（postman测试被过滤了怎么办）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-09-25 18:15:02</div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/44770.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/1.jpg" alt="elasticsearch是什么东西（elasticsearch index template analysis 什么含义）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/44770.html">elasticsearch是什么东西（elasticsear</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-09-25 18:00:01</div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/44769.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/11.jpg" alt="云数据库应用（云数据库有什么用）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/44769.html">云数据库应用（云数据库有什么用）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-09-25 17:45:02</div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/44768.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/12.jpg" alt="unsigned network（main.c（41）: error: #137: expression must be a modifiable lvalue在线等解决办法）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/44768.html">unsigned network（main.c（41）: e</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-09-25 17:30:01</div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/44767.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/24.jpg" alt="colorbox印台（橡皮章用的印台都有什么区别）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/44767.html">colorbox印台（橡皮章用的印台都有什么区别）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-09-25 17:15:01</div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/44766.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/10.jpg" alt="hover是什么牌子羽毛球拍（hover是什么车）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/44766.html">hover是什么牌子羽毛球拍（hover是什么车）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-09-25 17:00:01</div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/44765.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/16.jpg" alt="linux中ls是什么意思（在linux中ls -ld 是什么意思）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/44765.html">linux中ls是什么意思（在linux中ls -ld 是什</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-09-25 16:45:01</div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/44764.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/21.jpg" alt="capital品牌介绍（丸美化妆品是中国的还是日本的牌子）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/44764.html">capital品牌介绍（丸美化妆品是中国的还是日本的牌子）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-09-25 16:30:01</div> </div> </div> <div class="fs-6 mt-3"><i class="bi bi-x-diamond-fill fs-6 text-primary"></i> 本站热文</div> <hr /> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/20.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/13.jpg" alt="electronics软件（labcenter electronics是什么软件）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/20.html">electronics软件（labcenter electr</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2025-05-22 23:45:02 <span class="ms-3">浏览：134</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/15.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/15.jpg" alt="功勋电视剧全集免费完整版（功勋电视剧剧情简介 功勋电视剧主要剧情）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/15.html">功勋电视剧全集免费完整版（功勋电视剧剧情简介 功勋电视剧主要</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2025-05-22 22:30:01 <span class="ms-3">浏览：128</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/57.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/14.jpg" alt="哈希表红黑树（Hashmap 桶内元素由链表转化为红黑树的条件）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/57.html">哈希表红黑树（Hashmap 桶内元素由链表转化为红黑树的条</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2025-05-23 09:00:01 <span class="ms-3">浏览：122</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/53.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/22.jpg" alt="我要自学网pr教程视频（pr的预设颜色怎么加进去具体怎么操作）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/53.html">我要自学网pr教程视频（pr的预设颜色怎么加进去具体怎么操作</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2025-05-23 08:00:01 <span class="ms-3">浏览：115</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/16.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/23.jpg" alt="博客是微博吗（博客是微博吗）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/16.html">博客是微博吗（博客是微博吗）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2025-05-22 22:45:01 <span class="ms-3">浏览：111</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/86.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/25.jpg" alt="diversity and distribution（悬赏英语短文）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/86.html">diversity and distribution（悬赏英</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2025-05-23 16:15:02 <span class="ms-3">浏览：107</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/17.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/19.jpg" alt="ios软件开发前景（iOS就业前景怎么样）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/17.html">ios软件开发前景（iOS就业前景怎么样）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2025-05-22 23:00:01 <span class="ms-3">浏览：102</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/31.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/30.jpg" alt="next month（有The next month这个单词吗，和 next month有什么区别）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/31.html">next month（有The next month这个单词</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2025-05-23 02:30:01 <span class="ms-3">浏览：102</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/63.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/4.jpg" alt="patron（patron是什么意思）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/63.html">patron（patron是什么意思）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2025-05-23 10:30:02 <span class="ms-3">浏览：95</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/bc/450.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/19.jpg" alt="怎么样打开首页不显示菜单栏工具栏,将窗口最大化？怎样显示网页的菜单栏" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/bc/450.html">怎么样打开首页不显示菜单栏工具栏,将窗口最大化？怎样显示网页</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2025-05-27 11:15:01 <span class="ms-3">浏览：89</span> </div> </div> </div> <div class="fs-6 mt-3"><i class="bi bi-tags-fill fs-6 text-primary"></i> 标签列表</div> <hr /> <ul class="nav"> <li class="nav-item mt-3"> <a href="/tag/45156.html" class="btn-group me-3 btn-group-sm" title="1篇和“sql数据库用什么语言编写”相关内容介绍、详解"> <span class="btn btn-outline-secondary">sql数据库用什么语言编写</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/31510.html" class="btn-group me-3 btn-group-sm" title="1篇和“扑朔迷离蚂蚁庄园”相关内容介绍、详解"> <span class="btn btn-outline-secondary">扑朔迷离蚂蚁庄园</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/25409.html" class="btn-group me-3 btn-group-sm" title="1篇和“html导航栏条代码”相关内容介绍、详解"> <span class="btn btn-outline-secondary">html导航栏条代码</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/43690.html" class="btn-group me-3 btn-group-sm" title="1篇和“make命令”相关内容介绍、详解"> <span class="btn btn-outline-secondary">make命令</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/16862.html" class="btn-group me-3 btn-group-sm" title="1篇和“wrap单词”相关内容介绍、详解"> <span class="btn btn-outline-secondary">wrap单词</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/33164.html" class="btn-group me-3 btn-group-sm" title="1篇和“imagebutton设置图片大小”相关内容介绍、详解"> <span class="btn btn-outline-secondary">imagebutton设置图片大小</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/19370.html" class="btn-group me-3 btn-group-sm" title="1篇和“php在线运行工具源码”相关内容介绍、详解"> <span class="btn btn-outline-secondary">php在线运行工具源码</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/31771.html" class="btn-group me-3 btn-group-sm" title="1篇和“实例化类的对象”相关内容介绍、详解"> <span class="btn btn-outline-secondary">实例化类的对象</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/38921.html" class="btn-group me-3 btn-group-sm" title="1篇和“脚本执行sql语句”相关内容介绍、详解"> <span class="btn btn-outline-secondary">脚本执行sql语句</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/24991.html" class="btn-group me-3 btn-group-sm" title="1篇和“16进制减法计数器”相关内容介绍、详解"> <span class="btn btn-outline-secondary">16进制减法计数器</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/20319.html" class="btn-group me-3 btn-group-sm" title="1篇和“oracle数据库包括什么”相关内容介绍、详解"> <span class="btn btn-outline-secondary">oracle数据库包括什么</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/41067.html" class="btn-group me-3 btn-group-sm" title="1篇和“指数函数的泰勒展开式”相关内容介绍、详解"> <span class="btn btn-outline-secondary">指数函数的泰勒展开式</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/35449.html" class="btn-group me-3 btn-group-sm" title="1篇和“关于transaction说法”相关内容介绍、详解"> <span class="btn btn-outline-secondary">关于transaction说法</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/7068.html" class="btn-group me-3 btn-group-sm" title="1篇和“如何使用通配符”相关内容介绍、详解"> <span class="btn btn-outline-secondary">如何使用通配符</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/40038.html" class="btn-group me-3 btn-group-sm" title="1篇和“phpcms v9 服务器搭建”相关内容介绍、详解"> <span class="btn btn-outline-secondary">phpcms v9 服务器搭建</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/26462.html" class="btn-group me-3 btn-group-sm" title="1篇和“push方法”相关内容介绍、详解"> <span class="btn btn-outline-secondary">push方法</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/18325.html" class="btn-group me-3 btn-group-sm" title="1篇和“snackbar中文翻译”相关内容介绍、详解"> <span class="btn btn-outline-secondary">snackbar中文翻译</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/36578.html" class="btn-group me-3 btn-group-sm" title="1篇和“app开发流程涉及法律注意事项”相关内容介绍、详解"> <span class="btn btn-outline-secondary">app开发流程涉及法律注意事项</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/15318.html" class="btn-group me-3 btn-group-sm" title="1篇和“选择mapreduce处理数据的原因”相关内容介绍、详解"> <span class="btn btn-outline-secondary">选择mapreduce处理数据的原因</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/30327.html" class="btn-group me-3 btn-group-sm" title="1篇和“完全连通图”相关内容介绍、详解"> <span class="btn btn-outline-secondary">完全连通图</span> <span class="btn btn-secondary">1</span> </a> </li> </ul> <div class="fs-6 mt-3"><i class="bi bi-search-heart-fill fs-6 text-primary"></i>热门搜索</div> <hr /> <ul class="nav"> </ul> </div> </div> </div> <footer class="mt-3"> <div class="bg-secondary text-center py-md-5 py-3 text-white"> <div style="text-align: center; margin-top: 50"> <p><a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">沪ICP备2025117827号</a></p> <p> <a href="/sitemap.xml"><i class="bi bi-diagram-3"></i> 网站地图</a></p> </div> </div> </footer> <div class="kefu"> <ul> <!-- <li class="kefu_wechat"> <a class="d-block d-md-none" href="https://work.weixin.qq.com/kfid/kfcbbc48c80c094b9f3"><i class="bi bi-person-fill"></i></a> <a href="#" class="d-none d-md-block"><span><img src="/static/images/wxworkqrcode.png" alt="企业微信二维码" /></span><i class="bi bi-person-fill"></i></a> </li> <li><a href="tel:15666115168"><span>15666115168</span><i class="bi bi-telephone-fill"></i></a></li> <li><a href="http://wpa.qq.com/msgrd?v=3&uin=343489416&site=qq&menu=yes" target="_blank"><span>QQ在线客服</span><i class="fs-5">QQ</i></a></li> --> <!--<li><a href="/Guest" target="_blank"><span>留言咨询</span><i class="zi zi_msgchat"></i></a></li>--> <li class="kefu_qrcode"><a href="javascript:;"><span><svg width="22.2mm" height="22.2mm" viewBox="0 0 22.2 22.2" class="segno"><path transform="scale(0.6)" class="qrline" stroke="#000" d="M4 4.5h7m1 0h2m2 0h1m4 0h4m1 0h7m-29 1h1m5 0h1m2 0h3m2 0h1m3 0h1m3 0h1m5 0h1m-29 1h1m1 0h3m1 0h1m2 0h4m2 0h2m3 0h1m1 0h1m1 0h3m1 0h1m-29 1h1m1 0h3m1 0h1m3 0h1m1 0h1m1 0h4m4 0h1m1 0h3m1 0h1m-29 1h1m1 0h3m1 0h1m1 0h3m1 0h1m1 0h1m2 0h4m1 0h1m1 0h3m1 0h1m-29 1h1m5 0h1m1 0h1m1 0h2m1 0h2m5 0h1m1 0h1m5 0h1m-29 1h7m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h7m-20 1h2m1 0h1m1 0h2m4 0h1m-20 1h7m3 0h1m1 0h1m1 0h1m1 0h1m2 0h1m2 0h2m3 0h1m-26 1h3m5 0h1m4 0h5m1 0h1m1 0h2m2 0h1m-27 1h2m2 0h1m1 0h1m3 0h3m1 0h3m2 0h2m-22 1h1m1 0h2m4 0h2m1 0h1m1 0h3m4 0h2m1 0h2m1 0h1m-25 1h1m1 0h2m2 0h1m2 0h1m2 0h3m1 0h3m1 0h1m2 0h3m-26 1h1m3 0h4m1 0h2m2 0h7m1 0h2m2 0h1m-28 1h2m3 0h1m3 0h3m7 0h2m1 0h1m-24 1h3m2 0h1m1 0h1m2 0h4m4 0h1m1 0h1m1 0h1m1 0h2m2 0h1m-29 1h2m2 0h1m1 0h3m2 0h2m1 0h3m1 0h1m2 0h1m1 0h1m1 0h2m1 0h1m-29 1h1m1 0h1m1 0h1m2 0h1m2 0h1m3 0h2m1 0h4m1 0h1m1 0h1m2 0h2m-29 1h1m2 0h1m1 0h3m1 0h3m1 0h4m1 0h1m3 0h2m1 0h1m-26 1h1m2 0h1m9 0h3m3 0h2m1 0h2m1 0h1m-26 1h1m1 0h1m1 0h3m1 0h1m1 0h2m1 0h3m1 0h8m1 0h1m1 0h1m-21 1h2m1 0h4m1 0h1m1 0h1m1 0h1m3 0h2m1 0h2m-29 1h7m1 0h3m1 0h2m1 0h2m1 0h3m1 0h1m1 0h1m2 0h1m-28 1h1m5 0h1m1 0h1m1 0h2m2 0h1m3 0h3m3 0h2m1 0h2m-29 1h1m1 0h3m1 0h1m1 0h2m1 0h3m1 0h1m2 0h1m1 0h7m1 0h1m-29 1h1m1 0h3m1 0h1m1 0h2m1 0h2m2 0h7m1 0h1m1 0h1m-26 1h1m1 0h3m1 0h1m1 0h2m4 0h1m2 0h1m1 0h9m-28 1h1m5 0h1m1 0h1m1 0h1m1 0h1m3 0h1m1 0h1m1 0h3m1 0h1m2 0h1m-28 1h7m5 0h1m4 0h1m6 0h1m1 0h1"/></svg>扫码分享到手机阅读</span><i class="bi bi-upc-scan"></i></a></li> </ul> </div> <button id="goTop" class="btn btn-sm shadow-none position-fixed bottom-0 end-0 mb-4 me-4"> <i class="bi bi-arrow-up-circle-fill fs-3 text-primary opacity-75 hover-opacity-100"></i> </button> <script> $('.kefu .kefu_qrcode svg').width('100%').height('100%') //gotop $('#goTop').hide() $(function(){ $(window).scroll(function(){ var scrH=document.documentElement.scrollTop+document.body.scrollTop; if(scrH>200){ $('#goTop').fadeIn(400); }else{ $('#goTop').stop().fadeOut(400); } }); $('#goTop').click(function(){ $('html,body').animate({scrollTop:'0px'},200); }); }); //刷新验证码的脚本，放到body部分的最后面即可 $('.captcha').click(function () { $.getJSON('/captcha/refresh/',function (result) { console.log(result) $('.captcha').attr('src',result['image_url']); $('#id_captcha_0').val(result['key']); }); }); $('#id_captcha_1').blur(function (){ json_data={ 'response':$('#id_captcha_1').val(), 'hashkey':$('#id_captcha_0').val() } $.getJSON('/api/ajax_val',json_data,function (data){ $('#captcha_status').remove() if(data['status']){ $('#id_captcha_1').after('<span id="captcha_status" class="text-success">*验证码正确</span>') $('#captcha_btn').attr('disabled',false) }else { $('#id_captcha_1').after('<span id="captcha_status" class="text-danger">*验证码错误</span>') } }); }); </script> </body> </html>