js
每天都进步一点点
这个作者很懒,什么都没留下…
展开
-
ajax添加的新元素,点击事件无效
在HTML中通过Ajax动态添加的元素,直接使用jQuery或其他库绑定click事件可能无效,因为这些元素在DOM加载完毕时还未生成,所以无法绑定到它们上面。为了解决这个问题,你需要使用事件委托机制,在已存在的静态父级元素上绑定事件处理函数,然后根据事件目标来判断和处理子元素的点击事件。在这个例子中,.telephonecall是你通过Ajax动态添加的元素的类名。当点击这个类名下的任何元素时,都会触发事件处理函数。原创 2024-03-26 09:47:15 · 391 阅读 · 0 评论 -
jq禁止单选框手动选择
在上述代码中,第一部分通过监听所有单选框的click事件并阻止其默认行为来禁止手动选择。而最后一行展示了如何直接通过.prop(‘disabled’, true)来禁用单选框,这样不仅会禁用用户交互,还会使单选框呈现一种不可用的状态(通常显示为灰色)。如果你想禁止单选框()的手动选择,可以通过JavaScript或jQuery来移除元素的可点击性(pointer-events CSS属性),或者监听单选框的click事件并阻止其默认行为。原创 2024-02-24 13:39:38 · 527 阅读 · 0 评论 -
layer弹窗在iframe内,在整个浏览器窗口显示弹窗
在layer弹窗框架中,如果你想要在一个嵌套在父页面中的iframe内打开一个新的layer窗口,并使其跳出iframe,在整个浏览器窗口显示。原创 2024-02-24 10:33:20 · 3363 阅读 · 0 评论 -
layui laydate选择时间的回调方法
点击日期、清空、现在、确定均会触发。回调返回三个参数,分别代表:生成的值、日期时间对象、结束的日期时间对象。年月日时间被切换时都会触发。回调返回三个参数,分别代表:生成的值、日期时间对象、结束的日期时间对象。控件在打开时触发,回调返回一个参数:初始的日期时间对象。原创 2024-01-18 18:25:43 · 3904 阅读 · 0 评论 -
js删除cookie
删除cookie原创 2024-01-15 18:19:29 · 4862 阅读 · 0 评论 -
js输出参数转为实体html
var title = '标题<script>alert(1)</script>';$('.title').html(title);// 这样会被弹窗// 经过以下处理一下var title = title.replace(/[<>&"]/g,function(c){return {'<':'<','>':'>','&':'&','"':'"'}[c];});// 用正则表达原创 2022-01-14 09:51:40 · 381 阅读 · 0 评论 -
JQ实现点击文字后变成文本框,修改发送后台保存
业务逻辑描述:1、点击文字变为文本框 ,并选中文字2、对文本框内容进行修改3、点击文本框以外的地方文本框再次变为修改后的文字,如果是删除文字,显示默认提示文字(暂无描述)4、 AJAX同步更新SQL数据库内容HTML:<div class="item-desc" > <span class="item-desc-span">{$vo['filename']}文字</span> <input type="hidden" name="id" value=原创 2021-12-17 15:20:46 · 5557 阅读 · 0 评论 -
html可编辑的表格
<!DOCTYPE html ><html ><head><meta charset="utf-8" /><title>可编辑表格</title><style>table.wTable { margin-top:15px; border-collapse:collapse; border:1px solid #aaa; width:100%;}table.wTable th { vertical-a原创 2021-09-03 08:40:29 · 10106 阅读 · 2 评论 -
预加载 lazyload
placeholder.png 为占位符小图片/upload/images/1.png 为数据图片<!--正常图片--><img class="lazyload" data-src="/upload/images/1.png" src="/public/images/placeholder.png" alt=""><!--背景图--><div class="img lazyload" data-src="/upload/images/1.png" styl原创 2021-08-05 10:50:17 · 4472 阅读 · 0 评论 -
js 判断是否环境下运行文件
<script> /^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');</script><script> if(!/^http(s*):\/\//.test(location.href)){ alert('请先部署到 localhost 下再访问'); }</script>原创 2021-06-18 17:24:50 · 5527 阅读 · 0 评论 -
把页面所有url拼接带上某个参数
<input type="hidden" id="gclid_field" value=""><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script> $(function (){ var gclid = $('#gclid_field').val(); $.each($("a"),function(k,v){ $原创 2021-06-03 16:20:32 · 5539 阅读 · 0 评论 -
返回上一步 去除复选框还是默认选中状态
记录给自己看的,看不懂留言跟我说,反正我也不会回复你$(".cart input[type=checkbox]").each(function() { $(this).prop('checked', false); $(this).data('checked', false); $(this).removeAttr('checked');});原创 2021-04-16 17:40:29 · 168 阅读 · 0 评论 -
input radio点击选中再点击取消
这里主要说一下这个jquery中的data()方法,个人感觉这个方法平时挺少用到的,所以说一说,按照官方的解释就是 向元素附加数据,然后取回该数据;嗯,是的,就是这么简单。那这里说一下这个方法的使用,我们都知道单选按钮在点击之后再点击是不能直接取消的,要取消的话只能使用js设置checked属性,如果是单个单选按钮,还是挺容易的,但是多个单选的时候,就会觉得很蛋疼,所以我们可以使用data()方法来实现html部分<div><input type="radio">按钮<转载 2021-04-16 16:59:12 · 2984 阅读 · 0 评论 -
ueditor编辑器的坑(视频空白/保存无数据/无法删除/不能插入百度动态地图/有序列表显示问题)
ueditor编辑器的坑(视频空白/保存无数据/无法删除/不能插入百度动态地图/有序列表显示问题)原创 2021-02-08 15:33:37 · 14506 阅读 · 15 评论 -
js 去掉字符串最后一个逗号
<script>var ids = '10,12,15,18,';ids = ids.substring(0, ids.lastIndexOf(','));//去掉字符串最后一个逗号alert(ids);//输出:'10,12,15,18'</script>原创 2020-03-17 13:58:19 · 5225 阅读 · 1 评论 -
h5 苹果IOS端 播放mp3 没声音
安卓播放正常。苹果由于对流量存在限制,不支持页面加载完后自动播放,可以通过调用微信提供的接口,在微信中打开实现音频的自动播放功能。代码如下:<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><audio src="xxx.mp3" autoplay id='bgm' loop...原创 2020-01-22 12:14:56 · 2236 阅读 · 0 评论 -
异步获取数据渲染之后 slick 轮播效果失效 要重新生效
异步渲染数据之后,再执行以下代码:$('.class_name')[0].slick.refresh();//轮播重新加载效果原创 2020-01-07 09:33:25 · 1714 阅读 · 2 评论 -
银行卡号码显示每隔4位数空一格
<input type="text" name="card_number" id="card_number" placeholder="请输入银行卡号" onkeyup="formatBankNo(this)" onkeydown="formatBankNo(this)">function formatBankNo (BankNo){ if (Ban原创 2018-10-15 16:17:15 · 2097 阅读 · 0 评论 -
鼠标移到到图片,图片向上滑动预览效果
<!DOCTYPE html><html><head> <title>鼠标移到到图片,图片向上滑动预览效果</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <script type="text/...原创 2019-04-15 09:22:47 · 3176 阅读 · 0 评论 -
form表单异步上传图片提交表单
该方法记录只为方便我自己查阅使用$.ajax({ url:'up.php', /*去过那个php文件*/ type:'POST', /*提交方式*/ data:data, cache: false, contentType: false, /*不可缺*/ ...原创 2019-05-28 14:08:48 · 1506 阅读 · 0 评论 -
a标签 onclick事件 防止重复提交
<a href="javascript:;" onclick="bid()" id="bib_sub">出价</a>function bid(){ document.getElementById('bib_sub').onclick = null; // 解绑onclick事件 var index...原创 2019-08-23 16:13:12 · 2325 阅读 · 0 评论 -
h5弹出层滑动时 禁止底层滑动
设置样式:.noscroll{ height: 100%; overflow: hidden;}在点击弹出层js方法添加:$('html,body').toggleClass('noscroll');在关闭弹出层js方法也添加:$('html,body').toggleClass('noscroll');...原创 2019-08-28 11:08:28 · 1408 阅读 · 0 评论 -
常用正则
整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字:"^[0-9]*$"。 只能输入n位的数字:"^\d{n}$"。 只能输入至少n位的数字:"^\d{n,}$"。 只能输入m~n位的数字:。"^\d{m,n}$" 只能输入零和非零开头的数字:"^(0|[1-9][0-9]*)$"。 只能输入有两位小数的正实数:"^[0-9]+(.[0-9]{2})?$"。翻译 2016-06-27 10:21:46 · 455 阅读 · 0 评论 -
js去掉字符串中的所有空格
var card = '6222 0236 0209 9812 331';var card = card.replace(/\s/g, "");//正则去掉字符串中所有空格alert(card);//输出 6222023602099812331原创 2018-10-15 16:14:20 · 16540 阅读 · 0 评论 -
JS正则表达式验证身份证号码、真实姓名
js验证身份证号:var idNo = $('#id_card_no').val();var regIdNo = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; if(!regIdNo.test(idNo)){ alert('身份证号填写有误'); return false; } js验证真实姓名: var name...翻译 2018-10-12 17:35:04 · 12244 阅读 · 3 评论 -
JS 操作COOKIE
//获得coolie 的值 function cookie(name){ var cookieArray=document.cookie.split("; "); //得到分割的cookie名值对 var cookie=new Object(); for (var i=0;i<cookieArray.length;i++){转载 2017-08-22 20:02:20 · 192 阅读 · 0 评论 -
返回顶部
<a class="back-top show" id="backTop"></a><style type="text/css"> .back-top.show { display: block; } .back-top { display: none; position: fixed; bottom: 2.12原创 2017-05-27 09:04:13 · 222 阅读 · 0 评论 -
兼容各浏览器的点击复制文本框内容的Jquery插件
案例包下载地址:http://pan.baidu.com/s/1dDuaXKt zeroclipboard实现多浏览器复制到粘贴板功能(单个复制按钮和多个复制按钮) 为了更好的用户体验,现在很多网站中文本框的内容只需要点击复制按钮这样就能把内容复制到粘贴板了; 出于兼容性的考虑,基本上都是通过zeroclipboard来实现.首先要下载zeroclipboard,解压后把ZeroClipbo转载 2015-08-27 14:50:41 · 3321 阅读 · 2 评论 -
全站图片禁止显示右键菜单
图片禁止右键菜单原创 2017-02-08 13:49:41 · 1748 阅读 · 0 评论 -
iframe自适应高度(兼容多种浏览器)
最近些项目遇到用iframe的地方,发现设置的固定高有时不能完全适应项目环境,不是高了就是不够高,在页面里看着很不爽。 想来想去,何不让iframe自适应高度呢。经过一番折腾,最终还是弄出来。下面是实现的源码:<div id="leamain"> <iframe src="#" marginheight="0" marginwidth="0" frameborder="0"转载 2016-11-30 17:04:59 · 518 阅读 · 0 评论 -
显示和隐藏状态之间切换 slideToggle()
通过使用滑动效果,在显示和隐藏状态之间切换 元素:$(".btn1").click(function(){ $("p").slideToggle();});翻译 2016-10-10 20:32:59 · 2857 阅读 · 0 评论 -
title 新消息 闪烁
<script type="text/javascript">// 使用message对象封装消息 var flash_title = { time: 0, title: document.title, timer: null, // 显示新消息提示 show: function () { var title = flash_t翻译 2016-05-19 16:03:44 · 719 阅读 · 0 评论 -
加载图片出错时,加载其他图片
这个用到 onerror 事件。 onerror 事件会在文档或图像加载过程中发生错误时被触发。 加载页面时,如果加载logo.png错误,就会加载logo2.png<img src="logo.png" height="98" width="98" onerror="showImgDelay(this,'logo2.png','2')">function showImgDelay(imgObj原创 2016-03-21 16:50:37 · 1674 阅读 · 0 评论 -
js 获取选中的多选框值
<input type="button" name="subdel" value="批量删除" onclick="return Delete('delid[]');"><script>function Delete(name){ var chk_value =[]; $('input[name="'+name+'"]:checked').each(function(){原创 2016-02-23 20:49:32 · 5220 阅读 · 0 评论 -
返回上一页并刷新
location.href = document.referrer;翻译 2015-12-03 17:17:15 · 311 阅读 · 0 评论 -
点击向上 点击向下
<ul id="sort"> <li><a class="" href="javascript:;">默认</a></li> <li><a class="" href="javascript:;">价格</a></li> <li><a class="down" href="javascript:;">发布时间</a></li> <div class="clear"><原创 2015-09-22 09:53:32 · 670 阅读 · 0 评论 -
如何获得select被选中option的value和text和其他属性值
我想获取select选中的value,或者text,或者……比如这个:转载 2017-10-11 16:00:37 · 5001 阅读 · 0 评论 -
tp5中url使用js变量传参方法
window.location.href="{:url('Index/index')}>"+"/ID/"+ID; //这样可以生成,但url模式改变则不能用window.location.href="{:url('Index/index','ID=" + ID+ "')}" //解析不成功。window.location.href="{:url('Index/detail',['id' => "+i转载 2017-10-12 09:55:10 · 3846 阅读 · 0 评论 -
js 调起网页版打印界面
<!DOCTYPE html><html><head> <title>打印</title></head><body><html><div id="printtest"> <table>转载 2018-07-04 10:44:15 · 1689 阅读 · 0 评论 -
精准定位省市区街道
用浏览器只能看到省市区。用手机浏览能看到省市区街道。<!DOCTYPE HTML><html><head><meta charset="utf-8" /><meta name="keywords" content="" /><meta name="description&q原创 2018-04-26 15:09:06 · 1989 阅读 · 0 评论