jquery滑动事件影响到父级

2024-10-14

javascript父级鼠标移入移出事件中的子集影响父级的处理方法

一.我们先分析其产生的原因: 1.当鼠标从父级移入子集时触发了父级的两个事件:a.父级的mouseout事件(父级离开到子集):b.由于事件冒泡影响,又触发了父级的mouseover事件(父级移入父级): 2.当鼠标从子集移出到父级时又触发了父级的两个事件:a.由于事件冒泡影响,父级触发了mouseout事件(父级移出父级):b.再触发了父级的mouseover事件(子集移入父级) 注:红色字体的解释是事件冒泡的奇妙之处. 二.解决方法: 首先必须先熟悉以下两个方法和一个事件属性: a,b为节点

jQuery 利用 parent() parents() 寻找父级或祖宗元素

$(this).parent().parent().parent().parent().parent().remove(); //此方法通过parent()一级一级往上找 $(this).parents("div").remove();// 此方法是找出所有父级元素以及祖宗元素通过"div" 筛选出祖宗中是div的祖先元素 parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合. parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不

javascript事件委托//就是父级事件给子级

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .a{ width:100px; height:100px; background:red; } </style></head><body> <div class="a" ></div> <scr

用jQuery.delegate()将事件绑定在父元素上面

1.先看看官方的示例: <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("div").delegate("button&q

android 设置叠加父级响应点击事件

最近做android项目时,需要让button的后面的relatelayout可以点击,但是虽然把button设置成了focusable="false",relatelayout中的叠加部分也不能点击,然后把button设置成clickable设置成"false",也还是不能点击...于是我只能把relatelayout设置一下focusable="true",这时才可以点击了...后来经过反复试验发现这三个条件缺一不可,必须要button既不能

jquery的事件命名空间详解

jquery现在的事件API:on,off,trigger支持带命名空间的事件,当事件有了命名空间,就可以有效地管理同一事件的不同监听器,在定义组件的时候,能够避免同一元素应用到不同组件时,同一事件类型之间的影响,还能控制一些意外的事件冒泡.在实际工作中,相信大家都用的很多,但是不一定了解它的所有细节,至少我有这样的经验,经常在碰到疑惑的时候,还得重新写例子去验证它的相关作用,所以本文想把事件命名空间相关的细节都梳理出来,将来再犯迷糊的时候可以回来翻着看看以便加深对它的理解和运用. 在详细了解命

jquery各种事件使用方法总结（from：天宇之游）

ps:本博客转自博主天宇之游 ,地址:http://www.cnblogs.com/cwp-bg/ ,再次感谢天宇之游.jquery事件使用方法总结一.鼠标事件1. click():鼠标单击事件 $div = $("div")$div.click(data,function (event) { //点击盒子变蓝 $(this).css({ "background": "blue", }); console

JS与Jquery的事件委托——解决了绑定相同事件的问题

概念: 什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件. 举个列子:有三个同事预计会在周一收到快递.为签收快递,有两种办法:一是三个人在公司门口等快递:二是委托给前台MM代为签收.现实当中,我们大都采用委托的方案(公司也不会容忍那么多员工站在门口就为了等快递).前台MM收到快递后,她会判断收件人是谁,然后按照收件人的要求签收,甚至代为付款.这

用jQuery绑定事件到动态创建的元素上

jQuery最常用的一个功能就是对DOM的操作,与之相关的比如对事件的绑定和Ajax动态内容加载.当我们绑定事件到Ajax load回来的内容上或其他动态创建的元素上时会发现事件没响应,和你预想的结果不同,就像没这会事儿一样.这是前端开发非常蛋疼的问题.jQuery在1.3的版本里面引入了.live()方法,后来jQuery团队有在这基础上加入了.delegate()和.on()方法来解决这种尴尬的局面.大家可以根据你自己项目使用的jQuery版本不同选择下面的不同方法解决这个问题. 我的jq

python 全栈开发，Day55(jQuery的位置信息,JS的事件流的概念(重点),事件对象,jQuery的事件绑定和解绑,事件委托(事件代理))

一.jQuery的位置信息 jQuery的位置信息跟JS的client系列.offset系列.scroll系列封装好的一些简便api. 一.宽度和高度获取宽度 .width() 描述:为匹配的元素集合中获取第一个元素的当前计算宽度值.这个方法不接受任何参数..css(width) 和 .width()之间的区别是后者返回一个没有单位的数值(例如,400),前者是返回带有完整单位的字符串(例如,400px).当一个元素的宽度需要数学计算的时候推荐使用.width() 方法 . 举例: <!DOC

JS与Jquery的事件委托

参考:http://www.ituring.com.cn/article/467 概念: 什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件. 举个列子:有三个同事预计会在周一收到快递.为签收快递,有两种办法:一是三个人在公司门口等快递:二是委托给前台MM代为签收.现实当中,我们大都采用委托的方案(公司也不会容忍那么多员工站在门口就为了等快递).

JS与Jquery的事件委托机制

传送:http://www.ituring.com.cn/article/467 概念: 什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件. 举个列子:有三个同事预计会在周一收到快递.为签收快递,有两种办法:一是三个人在公司门口等快递:二是委托给前台MM代为签收.现实当中,我们大都采用委托的方案(公司也不会容忍那么多员工站在门口就为了等快递).

jquery 动态事件绑定(0512)

jquery动态事件绑定,父元素需为静态元素,(不能是动态生成): $("#parent").on("click","#child",function(){ //.... });

image以最小边为标准填满正方形父级元素

需求: 上传图片并实现预览, 图片以最小边为标准填满正方形的父级div,且不变形,且点击可以预览大图. 有两种实现方式: 1.div+img标签, 利用object-fit:cover,据说兼容性不好,但在手机上安卓和IOS暂无发现问题. //HTML <div> <img :src="item.imgUrl" v-if="item.imgUrl" class="upload_warp_img" @click="get

JS事件委托（事件代理，dom2级事件）

一.前言说实话,真问我什么是事件委托,我肯定gg,还好查了一下,原来就是我之前练习过的DOM2级事件的应用. 二.什么是事件委托? 事件委托就是当事件触发时,把要做的事委托给父元素(或父元素的父元素)来处理.也就是:利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作.使用事件委托技术能让你避免对特定的每个节点添加事件监听器. 三.事件委托作用 1.减少事件注册,节省内存 -table可以代理所有td的click事件 -ul可以代理所有li的click事件 2.能为之后新增

[jQuery]相对父级元素的fixed定位

(function($) { var DNG = {}; //----------------------------------------------------/ // 相对父级元素fixed //----------------------------------------------------/ DNG.parentFixed = function() { // 获得需要fixed定位的元素 var el =$

jquery选择器之获取父级元素、同级元素、子元素

jquery选择器之获取父级元素.同级元素.子元素一.获取父级元素 1. parent([expr]): 获取指定元素的所有父级元素 <div id="par_div"><a id="href_fir" href="#">href_fir</a><a id="href_sec" href="#">href_sec</a><a id=&q

jQuery父级以及同级元素查找介绍

父级以及同级元素的查找在使用过程中还是蛮频繁的,下面为大家介绍下jQuery是如何实现的,感兴趣的朋友可以参考下: jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") . jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素. jQuery.child

jQuery滑动并响应事件

jQuery滑动并打开指定页面: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.11.1.min.js"> </script> <script> $(document).ready(function(){ $(".a").click(function(){ $(".a").

jquery选择器之获取父级元素、同级元素、子元素（转）

一.获取父级元素 1. parent([expr]): 获取指定元素的所有父级元素 <div id="par_div"><a id="href_fir" href="#">href_fir</a><a id="href_sec" href="#">href_sec</a><a id="href_thr" href=&quo

jquery滑动事件影响到父级

热门专题