js
关注
分享
扫一扫
文章平均质量分 62
Mr_lee123
这个作者很懒，什么都没留下…
展开
-
移动端input、textarea、div（contenteditable ）输入框正则过滤（兼容ios）
目录一、已知问题及解决方案概述：1、高度自适应2、ios无法拼音输入3、ios过滤符号输入二、完整代码示例一、已知问题及解决方案概述：1、高度自适应问题：input无法换行；textarea可以换行但是高度没办法自适应。解决方案：div标签增加contenteditable属性实现div可输入内容，高度自适应。代码示例：<div class="input" contenteditable="true"></div>2、ios无法拼..原创 2021-08-06 10:11:31 · 1078 阅读 · 0 评论 -
前端路由
一、什么是前端路由在web开发的过程中，路由的使用是必不可少的，这里的路由不是指我们日常生活中的路由器，但是实现原理基本相同，它代表一个url与相应处理程序的影射关系，用户在输入要访问的url之后，路由会解析url中的路径，之后根据映射表中的映射关系查找相应的预设函数，并将结果返回给用户，以此完成一次操作。前端路由它是通过一个hash函数或者H5提供的history API来实现。在进行开...原创 2019-12-06 16:48:24 · 324 阅读 · 0 评论 -
jquery页面内容查找
思路：利用RegExp正则表达式进行匹配； 在搜索框下方显示搜索提示； 对匹配性进行高亮显示； 对多个匹配性进行逐个区别显示； 再次搜索时清除上次匹配结果； 固定搜索框。代码实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2019-03-29 15:35:25 · 1738 阅读 · 0 评论 -
div模拟textarea文本域实现高度自适应
div模拟textarea文本域实现高度自适应一个普通的block元素上加个contenteditable="true"，contenteditable属性规定元素内容是否可编辑。HTML<div class="textarea" contenteditable="true"></div> CSS.textarea{ width: 400p...转载 2019-03-22 11:30:51 · 164 阅读 · 0 评论 -
单行、多行文本溢出显示省略号（css、js两种方法）
一、css常规方法：（一）、单行文本p{ width:100px; overflow: hidden; /*超出部分隐藏*/ white-space: nowrap; /*禁止换行*/ text-overflow: ellipsis; /*省略号*/}（二）、多行文本1、在WebKit浏览器或移动端在WebKit浏览器或移动端（绝大部分是...原创 2019-03-21 18:11:07 · 18849 阅读 · 0 评论 -
js动态生成变量名
动态生成变量名var vars={}; //批量定义for(var i=0;i<5;i++){ var varName='name-'+i; //动态定义变量名 vars[varName]='value-'+i; //动态赋值}console.log(vars);...原创 2019-03-15 15:48:27 · 15727 阅读 · 0 评论 -
如何让contenteditable元素只能输入纯文本(转)
https://www.zhangxinxu.com/wordpress/2016/01/contenteditable-plaintext-only/转载 2019-02-20 16:23:45 · 1165 阅读 · 0 评论 -
禁用元素点击事件（兼容IE8+）
实现思路：chrome、firefox下利用CSS3属性pointer-events: none;元素永远不会成为鼠标事件的target。考虑到需兼容IE8+，利用js绑定点击事件，函数内直接return false，阻止其他事件进行。js代码：// 禁用点击事件 function notClick(ele) { $(ele).addClass('notCli...原创 2018-09-18 17:18:23 · 6716 阅读 · 0 评论 -
添加加载动画
监听加载状态改变document.onreadystatechange = completeLoading;//加载状态为complete时，移除loading效果function completeLoading() { if(document.readyState=='complete'){ //隐藏loading效果 $('ele').addCla...原创 2018-09-18 16:32:21 · 764 阅读 · 0 评论 -
转！！URL和URI区别
URI，URL，URN从上面的那幅图可以看出来，一共有三个不同的概念URI,URL,URN。这讨论这样的问题时，最好的方法就是回到原点啊，这里我们在RFC 3986: Uniform Resource Identifier (URI): Generic Syntax里面收集了点资料：“A Uniform Resource Identifier (URI) 是一个紧凑的字符串用来标示抽象...转载 2018-08-15 18:52:32 · 144 阅读 · 0 评论 -
jquery实现省市区三级联动
对于这个效果，其实主要在于两点：1、jquery的筛选遍历操作；2、存储省、市、区这些数据时候的格式。另外一点是如何将获取得到的数据放到select option中（即下拉框中！）下面进入正题，建立一个动态web工程，然后将下面讲到的html、js文件、存放省市区xml文件 都放在Web-Contetn下即可。首先看一看前端html文件province_city_select.html：...转载 2018-07-24 19:10:02 · 678 阅读 · 0 评论 -
js中的事件委托或事件代理详解
概述：事件委托（事件代理）：JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。举例：有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台MM代为签收。现实当中，我们大都采用委托的方案。前台MM收到快递后，她会判断收件人是谁，然后按照收件人的要求签收，甚至代为付款。这种方案还有一...转载 2018-07-05 15:20:06 · 124 阅读 · 0 评论