摘要:
首先是一个小例子: <input type="text" onclick="a(event)"/> function a(event){ console.log(event)} event对象代表事件的状态,包括事件在其中发生的元素,键盘按键的状态、鼠标的位置、鼠标按键的状态 有MouseEvent 阅读全文
摘要:
今天尝试给同一个对象绑定多个事件: document.getElementById("a").onfocus= function(){ alert("1") }.onclick= function(){ alert("2") } 发现弹出2,改变focus和click的顺序后依旧如此,只有书写顺序的 阅读全文
摘要:
//判断是ios还是androidvar system;var ua = navigator.userAgent.toLowerCase(); if (/iphone|ipad|ipod/.test(ua)) { system= "ios"; } else if (/android/.test(ua)) { system= "android"; } 阅读全文
摘要:
PC端 屏幕分辨率的高: window.screen.height屏幕分辨率的宽: window.screen.width 注解:电脑屏幕的分辨率(包括屏幕底部导航栏和浏览器顶部导航栏和滚动条)(通过改变电脑分辨率改变) 屏幕可用区域的高: window.screen.availHeight屏幕可用 阅读全文
摘要:
今天工作时,也许是因为引入插件的原因,电话号码变蓝且可拨打,头部加入 后得以解决 阅读全文
摘要:
1.offsetTop 功能:获取元素上外缘与最近的定位父元素内壁的距离,如果没有定位父元素,则是与文档上内壁的距离 使用方法:js document.querySelector(...).offsetTop 返回数字类型 只读 注解:边缘:border以外 定位父元素:position为relat 阅读全文
摘要:
之前在项目中使用了Notification,现分享出来: 目前chrome,safari,以及firefox26+支持 详解: http://www.cgner.com/web/js/201408_221.html 也有多个插件支持桌面提醒:http://www.open-open.com/news 阅读全文
摘要:
使用onselectstart <div class= "a" onselectstart="return false;">onselectstart,防止页面变蓝</div> 直接写在html中写入或者调用js方法onselectedstart eg:document.querySelector( 阅读全文
摘要:
<input type="number"/> 在chrome,firefox,safari浏览器上输入框右侧会有上下箭头 方法1: <input type="number"/>改为<input type="tel"/> 方法2: input::-webkit-outer-spin-button,in 阅读全文
摘要:
background 可在一个声明中设置background-color,background-image,background-repeat,background-attachment,background-position这些属性 备注: 1.兼容性良好。属性书写顺序貌似并无要求,缺一个或多个不 阅读全文