Javascript事件冒泡与Jquery事件绑定

最新推荐文章于 2022-12-13 12:05:04 发布
最新推荐文章于 2022-12-13 12:05:04 发布
阅读量88 收藏
点赞数
分类专栏： 工作 文章标签： jQuery JavaScript ViewUI
问题：在一个使用Jquery.getJSON实现跨域调用中的列表中，第一次查询可以正常负担会数据，但使用分页时，没有出错，后台也正常，但就是没有数据返回
错误原因：调试后发现分页的上一页/下一页的链接操作是通过使用JQUERY事件绑定来实现的，但<a>中的href属性使用了javascript:void null;的值（即返回值为空，即使Jquery绑定了事件）
解决方式：href=””等于空即可。
小结：估计当时的Jquery事件中没有做事件冒泡处理，在执行完Jquery绑定的函数后，事件冒泡导致又执行了href中的javascript代码void(null)（此方法返回空值）
iteye_17618
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript元素事件的绑定与解绑
流楚丶格念的博客
08-21 4139
为元素绑定事件(DOM):一种,但是不兼容,有两种 1 对象.addEventListener(“事件类型”,事件处理函数,false);–谷歌和火狐支持,IE8不支持 2 对象.attachEvent(“有on的事件类型”,事件处理函数)–谷歌不支持,火狐不支持,IE8支持 为按钮绑定点击事件 参数1:事件的类型—事件的名字,没有on 参数2:事件处理函数—函数(命名函数,匿名函数) 参数3:布尔类型,目前就写false-----没有为什么,不解释,明天说 参数1:事件类型—事件名字，有on 参数2:事件
jQuery事件绑定和委托实例
10-25
jQuery事件绑定和委托是JavaScript库jQuery中用于处理用户交互的核心机制。这些方法允许开发者在页面元素上添加事件监听器，以便在用户执行特定操作时触发响应。本文将深入探讨jQuery中的四种主要事件处理方法：on()...
jQuery方式事件冒泡的2个方法
weixin_34383618的博客
12-12 89
方式1：通过  event.stopPropagation(); $("div").click(function (event) { slide.call(this); event.stopPropagation();//仅仅是阻止了事件冒泡，本质来讲这个方法是执行了的。 });   方式2：通过 return false; $("div").click(...
jQuery 事件冒泡
柯晓楠
11-28 3000
jQuery 事件冒泡解释 官方解释： 在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。 草根解释： 当我们在某一个元素上去触发一个事件时，比如鼠标移动事件，该元素所绑定的事件也会影响到其子元素，或者是在
jQuery事件绑定与解绑
m0_51435825的博客
12-13 495
jQuery事件绑定与解绑
JavaScript事件与JQuery事件
zhangankang的博客
07-02 533
JavaScript JQuery <script> function display(){ alert("段落被点击了。"); } </script> </head> <body> <p onclick="display()">点击这个段落。</p>&l...
jQuery事件冒泡，事件委托，多库共存，入口函数
摸鱼小队
12-22 407
一，事件冒泡 问题描述： 冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。 我们在平时的开发过程中，肯定会遇到在一个div（这个div可以是元素）包裹一个div的情况，但是呢，在这两个div上都添加了事件，如果点击里面的div我们希望处理这个div的事件，但是呢，我们不希望外层的div的事件也执行，这时候我们就要用到阻止冒泡。 通俗点来说吧，你在家里看电视，躲在自己的小房间，但是你不希望声音传到隔壁父母的耳朵里，这时候，你可能躲在被窝里，或者墙壁的隔音效果很好，阻隔声音可以理解为阻止冒泡。 阻
jQuery事件与事件冒泡
weixin_45153932的博客
03-29 113
1、事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标点击 mouseover() 鼠标进入（进入子元素也触发） mouseout() 鼠标离开（离开子元素也触发） mouseenter() 鼠标进入（进入子元素不触发） mouseleave() 鼠标离开（离开子元素不触发） hover() 同时为mouseenter和mouseleave事件指定处理函数 ready() DOM加载完成 resize() 浏览器
Javascript的事件冒泡与事件捕捉
J.Jian博客
01-03 457
1、什么是事件冒泡，什么是事件捕捉？无论是事件冒泡还是事件捕捉，都是他们是描述事件触发时序问题的术语，即两者都为事件流。 - 事件冒泡：是指从触发事件的DOM节点开始一直传播到document节点，即是一种从下到上的传播方式。 - 事件捕捉：是指从文档节点document到触发事件的DOM节点，即是一种从上到下的事件传播方式。在对节点绑定事件的方法的第三个参数如果为true，则为事件捕捉，当
26jQuery事件冒泡和默认行为
qq_42696432的博客
10-22 259
事件的冒泡和默认行为 什么是事件冒泡行为？ 顾名思义冒泡时间就跟冒泡一样是一连串发生的， * 也就是说在页面上可以有多个事件，也可以是多个 * 元素响应到有个事件。比如说，在网页上有 两个元素， * 其中一个元素嵌套在另一个元素上，并且都绑定了一个事件， * 当你触发其中的一个内嵌事件的时候，js会执行两个事件结果 * ，而且这个结果是按照一定的顺序来执行的响应事件的。之所以称 * 之为冒泡...
javascript 中事件冒泡和事件捕获机制的详解
01-19
javascript 中事件冒泡和事件捕获机制的详解 二者作用：描述事件触发时序问题 事件捕获：从document到触发事件的那个节点，即自上而下的去触发事件—由外到内 事件冒泡：自下而上的去触发事件—由内到外 绑定事件...
jQuery中阻止冒泡事件的方法介绍
10-26
在JavaScript和jQuery中，事件冒泡是一个常见的概念，它指的是事件从最深的节点开始，沿着DOM树向上级节点传播，直到到达根节点的过程。这种机制使得事件可以在多个层次的元素上触发，允许我们对同一事件进行多次...
jQuery事件绑定方法学习总结(推荐)
10-21
为了解决这个问题，jQuery提供了`delegate()`方法，利用事件冒泡的原理，允许我们为父元素绑定事件，然后监听子元素的事件。例如： ```javascript $("div").delegate("p", "click", function() { alert($(this)....
JS中绑定事件顺序（事件冒泡与事件捕获区别）
10-20
JavaScript中的事件处理机制是网页交互的核心，其中包括了两种主要的事件传播模式：事件冒泡（Bubbling）和事件捕获（Cropping）。事件冒泡是指事件从最深的节点开始，然后逐级向上传播到最外层的节点。而事件捕获则...
聊天室、websocket、socket.io、毕业设计.zip
07-27
聊天室、websocket、socket.io、毕业设计.zip
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
07-27
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
防盗门进销存管理系统（SDIMS）.zip
07-27
防盗门进销存管理系统（SDIMS）.zip
Matlab实现蝗虫优化算法GOA-CNN-BiLSTM-Mutilhead-Attention多变量时序预测.rar
最新发布
07-27
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
jquery事件绑定 冒泡
09-09
在jQuery中，可以使用事件绑定方法来处理事件冒泡。jQuery提供了多种事件绑定的方法，其中常见的是`on()`方法和`bind()`方法。这些方法可以用于绑定事件处理程序，并且默认情况下会处理事件冒泡。 例如，使用`on()`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值