随笔分类 -  移动端的一些事儿

摘要:第一种: 使用ajax提交表单数据,在$.ajax后面加上return false $.ajax({ …… }); return false; 第二种: 在form表单中添加onsubmit="return checkSubmit()",在事件中加上阻止表单的默认行为,添加event.prevent 阅读全文
posted @ 2021-11-25 11:34 十三月凉 阅读(1346) 评论(0) 推荐(0)
摘要:在form标签里面,有个button按钮,这个按钮没有添加type属性,点击的时候回默认提交并刷新;因为这个按钮在没有type属性其类型回默认为submit。 <form> <!-- ... --> <button>提交</button> </form> 原因分析: 在form表单里的button, 阅读全文
posted @ 2021-09-14 18:59 十三月凉 阅读(230) 评论(0) 推荐(0)
摘要:1.给链接a加个#的方式来实现跳转(锚点方法) <div id="container"> <a href="#div1">div1</a> <a href="#div2">div2</a> <a href="#div3">div3</a> </div> <div id="div1">div1</di 阅读全文
posted @ 2021-04-16 19:57 十三月凉 阅读(1757) 评论(0) 推荐(0)
摘要:使用方法: swiper的slideTo方法,swiper.slideTo(index,speed,runCallbacks); index:必填,需要跳到页面的索引 speed:选填,切换速度(毫秒) runCallbacks:选填,boolean,为false时不触发onSlideChange回 阅读全文
posted @ 2021-04-15 16:25 十三月凉 阅读(865) 评论(0) 推荐(0)
摘要://使用window监听pageShow window.addEventListener('pageshow', function (e) { if(e.persisted || (window.performance && window.performance.navigation.type == 阅读全文
posted @ 2021-03-31 16:42 十三月凉 阅读(179) 评论(0) 推荐(0)
摘要:用animate属性,当点击锚点后,页面滚动到相应的DIV <div id="container"> <p id="p1">div1</p> <p id="p2">div2</p> <p id="p3">div3</p> </div> <div id="div1">div1</div> <div i 阅读全文
posted @ 2021-03-11 19:36 十三月凉 阅读(223) 评论(0) 推荐(0)
摘要:使用 window.scrollIntoViewIfNeeded window.addEventListener('resize',function(){ if(document.activeElement.tagName "INPUT" || document.activeElement.tagN 阅读全文
posted @ 2021-02-01 19:11 十三月凉 阅读(169) 评论(0) 推荐(0)
摘要:body { background:#000 url('../images/bg.jpg') no-repeat center top; background-size:cover; background-attachment:fixed;} body:before {content:'';posi 阅读全文
posted @ 2021-01-07 16:53 十三月凉 阅读(806) 评论(0) 推荐(0)
摘要:.div::-webkit-scrollbar { display: none!important; width: 0px; height: 0px; } 阅读全文
posted @ 2020-12-22 15:59 十三月凉 阅读(598) 评论(0) 推荐(0)
摘要:方法一: var endTime = new Date('2018/08/10 11:59:59') alert(endTime.getTime()) 方法二: varendTime = new Date("Jan 1, 1970 00:00:00") console.log(endTime.get 阅读全文
posted @ 2020-12-09 12:36 十三月凉 阅读(700) 评论(0) 推荐(0)
摘要:1、清除图片下方的几像素空白间隙 第一种: img{display:block} 第二种: img{vertical-align:top;} 除了top值,还可以设置为text-top | middle | bottom | text-bottom 2、让文本垂直对齐文本输入框 input{vert 阅读全文
posted @ 2020-10-26 16:10 十三月凉 阅读(108) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> </ 阅读全文
posted @ 2020-09-16 18:21 十三月凉 阅读(1459) 评论(0) 推荐(0)
摘要:input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -web 阅读全文
posted @ 2020-08-14 12:42 十三月凉 阅读(1019) 评论(0) 推荐(0)
摘要:ios端的只读readonly属性不起作用,这个只读属性在安卓上可以阻止输入,所以键盘不会出现,但是在iphone中不兼容,就在iphone中加一个事件,为input添加聚焦事件,聚焦时触发document或自身失焦,或者是在input上添加聚焦时失焦事件 第一种: $('#birthday').f 阅读全文
posted @ 2020-07-06 11:38 十三月凉 阅读(347) 评论(0) 推荐(0)
摘要:$(选择的元素).click()点击时触发函数,但只是针对页面本身已存在的元素; $(document).on('click','选择的元素',function(){})用法与$(选择的元素).click()一样,但是它最大的区别就是,动态创建的元素能够执行回调函数,而$(选择的元素).click( 阅读全文
posted @ 2020-06-18 18:42 十三月凉 阅读(1793) 评论(0) 推荐(0)
摘要:来源:https://my.oschina.net/guopengfei/blog/742113 阅读全文
posted @ 2019-12-12 19:28 十三月凉 阅读(538) 评论(0) 推荐(0)
摘要:解决方法 用户操作swiper之后,是否禁止autoplay。默认为true:停止。 如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。 操作包括触碰,拖动,点击pagination等。 阅读全文
posted @ 2019-12-05 12:59 十三月凉 阅读(4691) 评论(0) 推荐(0)
摘要:input:disabled{ background-color : #fff; 修改默认灰色样式 color: #666; opacity:1; 默认的不透明级别为0.3 -webkit-text-fill-color:#666; 字体颜色安卓与IOS适配 -webkit-opacity:1; 不透明级别安卓与IOS适配 } 阅读全文
posted @ 2019-10-14 17:04 十三月凉 阅读(1157) 评论(0) 推荐(0)
摘要:WeUI Picker 多列选择器,需要配合js实现 单列选择器 ... 阅读全文
posted @ 2019-09-16 13:10 十三月凉 阅读(4170) 评论(0) 推荐(0)
摘要:jquery获取元素索引值index()示例 阅读全文
posted @ 2019-07-05 11:30 十三月凉 阅读(1340) 评论(0) 推荐(0)

/* 看板娘 */