<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>图片说明demo</title><!--样式--><style type="text/css">/*主div*/#main{ width: 960px; height: 600px; border: 1px solid #000; margin: auto;} .content{ margin:auto; margin-top: 50px; width: 99%;} .photo{ ...
通过each遍历li 可以获得所有li的内容输出每个li值</button> <script>// 1种 通过each遍历li 可以获得所有li的内容$("button").click(function(){ $(".one > li").each(function(){// 打印出所有li的内容console.log($(this).text());})}); </script>通过each遍历li 通过$(this)给每个li加事件<!-- 2种 --><ul class="two"><li>2222</li><li>22b</li><li>3333</li><li>44d</li><li>5555</li></ul> <script>// 2种 通过each遍历li 通...
1.阻止事件冒泡,使成为捕获型事件触发机制.1 function stopBubble(e) { 2 //如果提供了事件对象,则这是一个非IE浏览器 3 if ( e && e.stopPropagation ) 4 //因此它支持W3C的stopPropagation()方法 5 e.stopPropagation(); 6 else7 //否则,我们需要使用IE的方式来取消事件冒泡 8 window.event.cancelBubble = true; 9 }2.当按键后,不希望按键继续传递给如HTML文本框对象时,可以取消返回值.即停止默认事件默认...
js单线程js是单线程的,这样更有利与用户交互以及DOM操作;有关进程与线程的详细解释可以点击传送门;尽管webworker可以实现多线程,但本质上他还属于单线程,由webworker创建的线程都由主线程控制并且只能进行计算而已; js同步、异步同步执行:即js主线程按顺序执行任务,如遇操作webAPI/ajax等代码时会等待其响应后面代码得不到执行,也就是下一个任务必须等到前一个任务执行完成;异步执行:js是单线程的本身不具备异步能力,但浏...
【来源】:在开发移动端网站时,会经常徘徊在click和touchstart之间;因为touchstart虽然好用和快速响应;但是其缺点也是显而易见的,当我们大面积的使用touchstart的时候就会遇到,滚动页面的时候会频繁的触发,导致其不友好的体验;所以,不能单独的说哪个好与不好,而应该利用其长处,规避其缺点;而且,对于a标签,在移动端的跳转方式,等同于click(经过自己实际体验)【问题】在我们在上层触发touchstart的时候,下层的click...
鼠标滚动事件关于滚动事件这方面,其实是比较乱的。滚轮事件的兼容性差异有些不拘一格,不是以往的IE8-派和其他派,而是FireFox派和其他派。包括IE6在内的浏览器是使用onmousewheel,而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试,即使现在FireFox 19下,也是不识onmousewheel。在其他派中检测滚动数值的属性是wheelDelta ,向上滚为120,向下为-120。在火狐中检测滚动数值的属性是detail,向上滚为-3,向下为3。 <!DOCTY...
js中鼠标事件主要有onclick,onmousedown,onmouseup,oncontextmenu,ondblclick,所有的这些事件都包含有一个事件对象event,当然在IE低版本下,event对象是挂在window底下的。这个我们另行讨论。 1.通过html添加事件 <input type="button" click="alert(1)"/> 2.通过DOM0级方式添加事件<input type="button" value="点击"/> <script>var btn=document.getElementsByTagName(input)[0];btn.onclick=function(){alert(1); }...
现在,组件化开发还是比较流行的,毕竟其优点相当突出。最近在开发一个组件的时候,遇到了一个很有意思的BUG。。。 BUG的背景 最近在开发一个组件,好不容易开发好了转测试。然后,测试给我提了一个这样的bug,orz...因为是一个组件,最大的好处就是可以随处复用,随处使用,然而,当一个页面用了多个组件,只有最后一个生效的时候,这个组件就没有什么意义了。。。 BUG原因查找 这个组件的初始数据来源的接口是固定的,也就...
起因:1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的;2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考;概述:那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们讲事件委托基本上都用了同一个例子,就是取快递...
可以使用 e.stopPropagation(); e.preventDefault();来阻止事件冒泡,和默认事件的执行。但不能阻止事件的追加,如要追加,请看下面的实现方法有些时候可以使用 e.stopPropagation(); e.preventDefault();来阻止事件冒泡,和默认事件的执行。但不能阻止事件的追加。什么情况下要阻止事件的追加呢?比如:点击“结账”,这样的操作时,结账本身有自己的事件,但结账前要判断是否登录。我们可能会这样写:Js代码代码如下:if(isLogin)...
这篇文章主要介绍了js中键盘事件,以一个较为简单的实例形式分析了js响应键盘事件的操作技巧,需要的朋友可以参考下本文实例分析了js中键盘事件。分享给大家供大家参考。具体分析如下:该实例效果:按键盘上的任意一个键,弹出相应的ASCII码,兼容ie,chrome和firefox。但还是有不少问题:(1)ie和chrome中,一些键没有效果,如上、下、左、右等;(2)而firefox中的向右键,与单引号键,都为39。具体代码如下:代码如下:<html> <he...
1. 事件 在浏览器客户端应用平台,基本生都是以事件驱动的,即某个事件发生,然后做出相应的动作。 浏览器的事件表示的是某些事情发生的信号。事件的阐述不是本文的重点,尚未了解的朋友,可以访问W3school教程 进行了解,这将有助于更好地理解以下的内容 。2.冒泡机制 什么是冒泡呢? 下面这个图片大家应该心领神会吧,气泡从水底开始往上升,由深到浅,升到最上面。在上升的过程中,气泡会经...
off()函数用于移除元素上绑定的一个或多个事件的事件处理函数。off()函数主要用于解除由on()函数绑定的事件处理函数。该函数属于jQuery对象(实例)。语法jQuery 1.7 新增该函数。其主要有以下两种形式的用法:用法一:jQueryObject.off( [ events [, selector ] [, handler ] ] )用法二:jQueryObject.off( eventsMap [, selector ] )参数参数描述events可选/String类型一个或多个用空格分隔的事件类型和可选的命名空间,例如"click...
1.jquery隐藏and显示事件$("p").hide(); //隐藏事件 $("p").hide(1000); //1秒内缓慢隐藏 $("p").show(); //显示事件 $("p").toggle(); //在隐藏和显示中切换隐藏后显示提示callback$("p").hide(function(){ alert("提示消息已经隐藏"); }); $("p").hide(1000,function(){ alert("1s内缓慢隐藏并提示消失已经隐藏"); });2.淡入淡出$("#p1").fadeIn(); //淡入$("#p2").fadeIn("slow"); //缓...
绑定事件:bind()、on()、live()、delegate()、keyup(); 触发事件:trigger(‘keyup’)、keyup(); 解绑事件:unbind()、off()、die()、undelegate(); 符合事件:hover() 、toggle(); 事件绑定:bind();一、绑定事件 JQuery绑定事件,除 bing() 方法之外,还有 on()、live()、one() 等 事件的绑定方法。绑定事件分类:(a) 绑定单个事件$("#btn").bind("click",function(){//代码块console.log(123); });(b) 同时绑定多...