相关搜索 >> 事件

  • 0314 $(document).click 在iphone上不触发事件解决办法阅读(5676)条2018/3/14 10:51:26

    <div class="name">点我</div>$(document).on("click", ".name", function() {alert("name");});以上代码在电脑浏览器和安卓上都能触发alert事件,但是在ios上却完全没有反应查阅了很多信息后,说是iphone这些元素上没有click事件,它是touch事件,就是说如果这个name标签是button的可click事件则是可以触发的,因为div本身默认不可点击1、有一个解决方法是给这个元素添加css.name{...阅读全文

    Taget:bug jq 

  • 0708js的window.onscroll事件兼容各大浏览器!阅读(7258)条2016/7/8 16:54:41

    为窗口添加滚动条事件其实非常的简单,window.onscroll=function(){};注意在获取滚动条距离的时候谷歌不识别document.documentElement.scrollTop,必须要加上document.body.scrollTop;即var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;这样才能兼容各个浏览器! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...阅读全文

    Taget:js scroll 兼容 

  • 0328关于tab点击事件的优化阅读(5740)条2016/3/28 13:27:20

    一、前言2010年写过一篇《js多个tab切换简单不需要在body内添加事件》的文章,近些年来从事前端事业以来,对于js的优化也是越来越关注,所以做了一些对tab事件的理解及优化,望大家吻喷。效果图如下:二、tab实现的思路1、首页是tab菜单及tab内容的理解是一一对应关系,而且位置是顺序是固定的也就是说当前第几个tab菜单对应的是第几个tab内容,这样是为了省略很多参数及不必要的HTML代码;2、js控制tab菜单:对于tab菜单而言,只需要控制点击后的菜...阅读全文

    Taget:特效 js 优化 

  • 1205js隔行、指向变色闭包使用实例阅读(8272)条2012/12/5 18:52:50

    本实例主要用js的方法对li进行绑定事件,从而实现隔行换色,鼠标变色也好做,但是你如果是移出你就会发现问题了,因为是遍历的,所以还需要判断奇偶行,所以必须使用闭包的方法进行传值。本人觉得JQ再强一段小代码没必要加载那么大个 js文件。如果大家觉得还有什么更好的方法可以给我留言探讨效果图下图所示代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1...阅读全文

    Taget:js 变色 闭包 事件 

  • 0228js多Tab自动切换,带完善的鼠标事件阅读(10152)条2011/2/28 15:25:45

    js多Tab自动切换,带完善的鼠标事件,幸凡制作!说明:打开鼠标时间后,鼠标经过标题时显示相应内容,鼠标经过标题或经过内容时停止自动切换,当鼠标移开时继续自动切换。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>js多Tab自动切换,带完善的鼠标事件,幸凡制作http:...阅读全文

    Taget:js 多tab 鼠标事件 自动切换 

  • 1217js多个tab切换简单不需要在body内添加事件阅读(9047)条2010/12/17 8:47:32

    不多说了贴代码了!注意的是a的里面的rel属性window.onload事件!在一个页面可以添加多个这样的效果,只需要在 onload事件添加就可以了。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style>*{margin:0;padding:0;}.clearfix:after {content:".";display:block;height:0;clear:both;visibility:h...阅读全文

    Taget:js tab切换 代码运行 

当前第  1  页 / 共  1  页  总共6条记录  

1