`
lhx222
  • 浏览: 73773 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Javascript事件冒泡与Jquery事件绑定

阅读更多
问题:在一个使用Jquery.getJSON实现跨域调用中的列表中,第一次查询可以正常负担会数据,但使用分页时,没有出错,后台也正常,但就是没有数据返回
错误原因:调试后发现分页的上一页/下一页的链接操作是通过使用JQUERY事件绑定来实现的,但<a>中的href属性使用了javascript:void null;的值(即返回值为空,即使Jquery绑定了事件)
解决方式:href=””等于空即可。
小结:估计当时的Jquery事件中没有做事件冒泡处理,在执行完Jquery绑定的函数后,事件冒泡导致又执行了href中的javascript代码void(null)(此方法返回空值)
分享到:
评论

相关推荐

    JQuery绑定事件

    **jQuery绑定事件**是JavaScript库jQuery中的核心功能之一,它极大地简化了DOM元素事件处理的流程,使得开发者能够更加高效地编写代码。在JavaScript原生语法中,为元素添加事件监听器通常涉及到`addEventListener`...

    jquery阻止事件冒泡

    在JavaScript的世界里,事件冒泡是一个重要的概念,它是指事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档)的过程。jQuery库提供了方便的方式来处理DOM...

    javascript 中事件冒泡和事件捕获机制的详解

    javascript 中事件冒泡和事件捕获机制的详解 二者作用:描述事件触发时序问题 事件捕获:从document到触发事件的那个节点,即自上而下的去触发事件—由外到内 事件冒泡:自下而上的去触发事件—由内到外 绑定事件...

    jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例

    综上所述,jQuery事件处理机制中的绑定和解绑、事件冒泡与阻止事件冒泡是前端开发中非常重要的知识点。在实际开发过程中,灵活运用这些技术可以实现更加丰富的交互效果,并提升用户体验。通过上述实例的介绍和分析,...

    【JavaScript源代码】JQuery绑定事件四种实现方法解析.docx

    ### JavaScript源代码:JQuery绑定事件四种实现方法解析 #### 一、`bind` 方法 - **概述**:`bind` 方法是jQuery中用于绑定事件处理程序的基本方式之一。它允许开发者为DOM元素绑定特定类型的事件处理器。这种方法...

    javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结

    总之,JavaScript的事件处理是构建动态网页的重要手段,熟练掌握事件绑定、事件冒泡、事件捕获和事件执行顺序能帮助开发者编写更高效、更易于维护的代码。通过实践和不断学习,可以更深入地理解和运用这些概念。

    jQuery中on绑定事件后引发的事件冒泡问题如何解决

    总之,要解决jQuery中`.on()`事件冒泡问题,推荐的方法是将事件处理器绑定到离目标元素最近的父元素上,并在需要阻止冒泡的情况下,在事件处理函数中调用`e.stopPropagation()`方法。这样做既可以提高程序的性能,也...

    layui动态绑定事件的方法

    在实际操作中,我们可以通过编写一段JavaScript代码来实现动态绑定事件。先通过jQuery选取需要添加事件监听的元素,然后使用.on()方法绑定事件。对于动态添加的元素,我们同样可以使用.on()方法进行事件委托,将事件...

    事件冒泡是什么如何用jquery阻止事件冒泡

    4. 验证事件冒泡的JavaScript代码示例:该示例说明如何通过绑定点击事件到不同的div元素,并通过注释或取消注释event.stopPropagation()来控制事件冒泡的行为。 ```javascript $(document).ready(function(){ $('...

    JQuery 提供了两种方式来阻止事件冒泡.rar

    在JavaScript的世界里,事件冒泡是一个非常重要的概念,它描述了事件从最深的节点开始向上级节点传播的过程。在jQuery库中,开发者可以利用其提供的API来控制这一过程,特别是当需要阻止事件沿DOM树向上层元素传播时...

    JS中绑定事件顺序(事件冒泡与事件捕获区别)

    JavaScript中的事件处理机制是网页交互的核心,其中包括了两种主要的事件传播模式:事件冒泡(Bubbling)和事件捕获(Cropping)。事件冒泡是指事件从最深的节点开始,然后逐级向上传播到最外层的节点。而事件捕获则...

    jquery hover 冒泡事件制作心型图片墙鼠标悬浮图片

    在心形图片墙的示例中,我们可能有多个图片元素,每个图片元素都需要绑定hover事件。首先,我们需要用CSS来布局这些图片,形成一个心形图案。这可以通过计算每个图片的位置和大小来实现,也可以利用现有的CSS3技巧,...

    jquery 监听 键盘 事件

    选择器与事件委托 在实际应用中,我们可能只想监听特定元素的键盘事件。这时,可以使用选择器来指定元素。例如,监听输入框`input`的`keydown`事件: ```javascript $('input').on('keydown', function(event) { ...

    jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法

    在JavaScript和jQuery中,事件处理有两个关键概念:事件冒泡和事件委托。事件冒泡是指事件从最深的节点开始,然后逐级向上层元素传播事件。事件委托则是利用事件冒泡的特性,将事件处理器绑定到一个父元素上,以此来...

    jquery绑定原理 简单解析与实现代码分享

    jQuery绑定原理是JavaScript库jQuery中的核心特性之一,它允许开发者将事件处理函数附加到DOM元素上,以便在用户与页面交互时执行相应的操作。这里我们将深入解析jQuery绑定事件的原理,并通过示例代码来理解其工作...

    js阻止冒泡及jquery阻止事件冒泡示例介绍

    标题中提到的“js阻止冒泡及jquery阻止事件冒泡示例介绍”涉及JavaScript和JQuery两种技术在事件处理中阻止事件冒泡的概念。冒泡是指当一个元素上触发了某个事件(如点击),这个事件不仅会在该元素上进行处理,还会...

    对jQuery的事件绑定的一些思考(补充)

    在JavaScript的世界里,jQuery库因其简洁的API和强大的功能而广受欢迎,特别是在处理DOM操作和事件绑定方面。然而,正如标题和描述所指出的,jQuery的事件绑定有时也会带来一些问题,比如内存消耗过大、动态生成元素...

    js单击事件和双击事件并存绑定

    在这个例子中,我们使用了`e.stopPropagation()`来阻止双击事件向上冒泡,这样就不会触发与它绑定在同一元素上的单击事件。但是,这种方法并不完美,因为它可能会影响其他与双击事件相关的冒泡行为。 另一种解决...

    JavaScript程序设计——事件处理实验报告.docx

    实验报告详细介绍了JavaScript事件处理的相关知识,这在Web开发中是非常关键的一部分,因为事件是用户与网页交互的主要方式。以下是对各个知识点的详细说明: 1. **JavaScript事件基本概念**: - **事件**:是用户...

Global site tag (gtag.js) - Google Analytics