请使用firefox,chrome等最新浏览器浏览本站。

javascript,jquery技术分享

html5 input placeholder兼容

查看html5 input placeholder兼容性 实现html5 input placeholder兼容,需要借助javascript,css共同实现: html代码: <input type="text" placeholder="邮箱" id="email-ks"/> javascript代码: (function(window……继续阅读 »

阿豹 4年前 (2015-09-15) 849浏览 3评论 5个赞

HTML5转盘抽奖示例讲解

之前写过一款基于canvas的刮刮乐插件,详情请查看html5刮刮乐插件,今天给大家分享基于转盘形式的抽奖案例: 由图可知我们将转盘分为12块区域,每块区域为30度。要实现随机旋转,首先我们要规定每块区域最终标记的度数。比如一等奖区域,我们显示为0度,二等奖区域,我们显示为120度。 所以我们可以定义一个12位的数组记录最终的度数: var dataOb……继续阅读 »

阿豹 4年前 (2015-04-15) 702浏览 1评论 5个赞

keyup监听input值的变化 实现兼容

当使用keyup事件监听input的变化时会有个bug,就是当切换到中文输入法是,此事件无效。 解决办法是使用 input事件,IE使用propertychange事件。 //先判断是否是IE浏览器 var keyvalue= 'input'; if (navigator.userAgent.indexOf("MSIE") != -1){ ……继续阅读 »

阿豹 4年前 (2015-03-24) 416浏览 0评论 4个赞

jquery实现为动态元素添加事件

使用js为动态元素(后来添加的元素)添加事件,我们通常采用事件委托,即利用冒泡原理,给父级元素绑定事件,通过e.target获取事件源,通过事件源的相关属性判断是否是要执行事件的对象。 例如: 给ul下的li添加鼠标悬浮事件 ul.onmouseover = function(ev){ //获取event对象 var ev = ev |……继续阅读 »

阿豹 4年前 (2015-03-24) 378浏览 0评论 3个赞

HTML5 Placeholder 兼容

placeholder是html5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点(或输入内容)时,提示文字消失。 由于placeholder是html5的新属性,可想而知,仅支持html5的浏览器才支持placeholder,目前最新的firefox、chrome、safari以及i……继续阅读 »

阿豹 4年前 (2015-03-18) 400浏览 0评论 2个赞