`
mtnt2008
  • 浏览: 372854 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Jquery事件执行顺序

阅读更多

 

1.js中如何判断null

 

var exp = null;
if (!exp)
{
    alert("is null");
}

如果 exp 为 undefined 或者数字零,也会得到与 null 相同的结果,虽然 null 和二者不一样。注意:要同时判断 null、undefined 和数字零时可使用本法。

 

2.js时间处理函数

Syntax:

iTimerID = window.setTimeout(vCode, iMilliSeconds [, sLanguage])

Parameters

vCode Required. Variant that specifies the function pointer or string that indicates the code to be executed when the specified interval has elapsed.
iMilliSeconds Required. Integer that specifies the number of milliseconds.
sLanguage Optional. String that specifies one of the following values:
JScript Language is JScript.
VBScript Language is VBScript.
JavaScript Language is JavaScript.

Return Value

Integer. Returns an identifier that cancels the evaluation with the clearTimeout method.

 

相似函数:

clearTimeout( iTimerID );

setInterval();

clearInterval();

 

3.事件执行顺序

 

举个例子:<input>的click事件弹出一个<div>,<div>中有一个链接<a>有个click事件,当你点击<a>时,要触发2个事件:<a>的click事件和<input>的blur事件

 

在firefox中事件的执行顺序:blur,click

 

现在,你想要事件的执行顺序:click,blur,那怎么实现呢?

 

这里使用时间延迟和达到效果,原理:

1.js单线程本质

2.延迟执行,模拟事件的执行顺序

 

setTimeout增加了Javascript函数调用的灵活性,为函数执行顺序的调度提供极大便利。

 

作者John的一篇文章:How JavaScript Timers Work ,你会对JavaScript单线程本质和 setTimeout以及setInterval有更加深刻的理解。

分享到:
评论

相关推荐

    jquery ajax顺序执行问题

    jquery ajax顺序执行问题,加入async:false

    浅谈js在html中的加载执行顺序,多个jquery ready执行顺序

    接下来,我们讨论另一个相关知识点,即多个jQuery的$(document).ready()函数的执行顺序问题。$(document).ready()函数的作用是在文档的DOM结构加载完成后执行内部的代码,而不需要等待所有的图片、样式表等其他资源...

    jquery $.ajax各个事件执行顺序

    下面将详细解释$.ajax的各个事件以及它们的执行顺序: 1. ajaxStart(全局事件) ajaxStart事件是在页面上第一个Ajax请求开始之前触发的全局事件。这个事件通常用于执行一些需要在所有Ajax请求开始前进行的初始化...

    jquery快速学三(事件与动画)

    9. 动画队列:jQuery的动画默认是同步进行的,但可以通过`.queue()`和`.dequeue()`来控制动画的执行顺序,实现更复杂的动画效果。 10. 动画状态管理:`.stop()`用于停止当前运行的动画,`.clearQueue()`清除动画...

    15jQuery事件.docx

    值得注意的是,如果在同一页面中多次使用此方法,绑定的函数会按照代码中的顺序依次执行。 接下来,我们来看jQuery中的鼠标事件: 1. `click()`:模拟JavaScript的`onclick`事件,当用户点击元素时触发。 2. `...

    javascript attachEvent绑定多个事件执行顺序问题

    对于旧版IE浏览器中的事件执行顺序问题,一个简单的解决方案是避免使用`attachEvent`,而是使用`addEventListener`。由于`addEventListener`得到了广泛的支持,我们可以只支持现代浏览器。 如果需要兼容旧版IE浏览...

    简述jQuery ajax的执行顺序

    jquery ajax的执行顺序大家在项目经常会颠倒,下面通过本文给大家介绍jquery ajax的执行顺序,涉及到jquery ajax执行顺序相关知识,对jquery ajax执行顺序相关知识感兴趣的朋友一起学习吧

    jquery按字母顺序过滤列表.zip

    jQuery可以通过选择器(Selector)来选取这些元素,并执行操作。在这个场景中,我们可能有一个包含多个`&lt;li&gt;`的`&lt;ul&gt;`,每个`&lt;li&gt;`代表一个可被过滤的条目,比如名称或标题。 接着,我们可以编写一个JavaScript函数...

    jquery 事件执行检测代码

    从上述内容中我们可以学习到如何使用jQuery进行事件的封装和绑定,如何处理事件冲突,并且了解了如何通过开发自定义的事件检测函数来监视和记录事件的执行顺序。这些知识点对于提升Web应用开发的效率和可靠性都是至...

    jquery模拟字母顺序排序定位城市列表方法.zip

    jQuery通过$符号作为全局函数,可以用于选择DOM元素、操作DOM、添加事件监听器以及执行各种动画效果。例如,`$('selector')`用于选取DOM元素,`.html()`、`.text()`和`.attr()`分别用于设置或获取元素的HTML内容、...

    jquery实现字母顺序排序定位城市列表效果源码.zip

    5. **性能优化**:为了保证流畅的用户体验,代码可能采用了性能优化策略,比如避免不必要的DOM操作,使用事件委托降低内存消耗,或者使用`setTimeout`延迟执行某些操作以减少阻塞。 在解压后的文件中,"使用须知....

    jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析

    理解其默认行为执行顺序以及`trigger()`和`triggerHandler()`的区别对于优化和控制JavaScript代码的行为至关重要。 通常,浏览器在处理事件时会遵循一个标准顺序:首先执行默认行为,然后执行通过JavaScript绑定的...

    jQuery企业大事件攀爬效果

    同时,对于性能优化,可以考虑使用jQuery的`.promise()`和`.when()`来管理多个动画的顺序,防止过度绘制。 6. **响应式设计**:考虑到移动设备的普及,应确保“攀爬效果”在不同屏幕尺寸下都能正常工作。这可能需要...

    jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序

    了解jQuery中Ajax全局事件的引用方式和各个事件的执行顺序对于开发动态交互式网页具有重要的参考价值。 首先,我们来介绍jQuery中的全局事件。全局事件是指在所有Ajax请求中都可能会触发的事件,它们提供了监控和...

    jquery中ajax函数执行顺序问题之如何设置同步

    然而,由于其异步的特性,开发者有时候需要将AJAX请求同步执行,以确保代码执行顺序符合逻辑。在本主题中,我们将探讨在使用jQuery时,如何设置AJAX请求为同步执行。 首先,需要理解AJAX请求的默认执行模式是异步的...

    Jquery ajax执行顺序 返回自定义错误信息(实例讲解)

    在讲解使用jQuery Ajax执行顺序和返回自定义错误信息之前,我们需要了解jQuery Ajax的基本概念和工作原理。Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个页面的情况下,能够更新部分网页的技术...

    RIA应用开发:5-jQuery事件处理.ppt

    jQuery 事件处理是RIA(Rich Internet Application)应用开发中的关键组成部分,它允许开发者响应用户交互、页面或元素状态的变化。本教程聚焦于jQuery中的事件处理,涵盖了从基本的DOM元素操作到复杂的事件委托。 ...

Global site tag (gtag.js) - Google Analytics