首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

简单说 JavaScript中事件委托

事件委托 原理 要说事件委托原理,我们应该先明白事件冒泡 事件冒泡:从目标元素出发,向外层元素冒泡,最后到达顶层(window或document),依次执行绑定在其事件。 我们来看段代码 <!...从上面的图中我们看见,当点击 蓝色 p 元素时,先触发了 p 元素绑定事件,然后又触发了 红色 div 元素绑定事件,这就是事件冒泡了。 事件委托 实现 先来段代码 <!...2、第一段绑定了两次事件,第二段绑定了一次事件 也就是说,原来在 li 绑定事件,现在委托在了父元素 ul ,而在 ul 只需要绑定一次就可以了。...,并不在生成元素绑定事件,而是在生成元素父元素绑定事件,因为父元素是一直存在,所以绑定事件就可以生效。...事件委托 好处 1、减少了事件监听器,原来需要在多个子元素绑定相同事件处理函数,现在只需要在祖先元素(一般为父元素)统一定义一次即可。

57420
您找到你想要的搜索结果了吗?
是的
没有找到

美化Windows Mobile自定义ListView

在移动设备,我们经常需要列出数据给用户看,ListView是经常用到控件。而有些时候,我们需要同时列出预览图片和数据,所谓图文并茂,这样可以带来更加友好互动体验。...图1:Form各部分说明    在使用时候,我们需要设置CustomBorder周边圆弧半径,以及边缘颜色等。 ?    ...例子中,是把设备“@\My Documents\My Pictures”文件夹下图片,图片大小和图片创建日期显示出来,这就同时包含了图片和文字信息,需要在ListView中显示。...首先,我们加入文件创建时间, ?     其次,我们加入图片缩略图, ?     最后,加入图片分辨率信息, ?     同样,Form背景,我们可以使用半透明渐进过渡。...可以在FormPaint函数中来实现, ?     即从上到下,由紫色逐渐过渡到灰色。于是就出来图1所示效果。

92860

Android ListView 实现拉加载示例代码

本文介绍了Android ListView 实现拉加载示例代码,分享给大家,具体如下: ? 我们先分析一下如何实现 ListView 拉加载。...当我们时候,会出现一个提示界面,即 ListView Footer 布局。...实现思路 首先判断 ListView 加载时机,当 ListView lastVisibleItem == totalItemCount 时表示当前处于 ListView 最底端,此时允许下拉。...自定义一个 FooterView,将 FooterView 添加到 ListView 底部,在上拉时候显示和完成时候隐藏。...1、定义 Footer Footer 要实现效果: 第一次拉时,Footer 逐渐显示,文字显示为下拉可以加载,箭头向上,进度条隐藏。 当松开加载时候,箭头隐藏,进度条展示,文字改为正在加载。

2K10

绑定Github个人博客到Godaddy域名

之后重新部署项目: hexo g hexo d 如果你是用 hexo 框架搭建博客并部署到 Github Pages : 每次hexo g hexo d 后会把你博客所在目录下 public 文件夹里东西都推到...Github Pages 仓库,并且把 CNAME 文件覆盖掉,解决这个问题可以直接把 CNAME 文件添加到 source 文件夹里,这样每次推时候就不用担心仓库里 CNAME 文件被覆盖掉了...之后我们可以在网站Github项目的根目录看到这个文件: 还有一种方式是:在网站Github项目,点击设置Settings,找到Custom domain,填入申请域名,并保存。...(3)更改域名服务器为: f1g1ns1.dnspod.net f1g1ns2.dnspod.net (4)等待你 DNS 配置生效: 对DNS配置不是立即生效,过1分钟再去访问你域名看看有没有配置成功...三、参考资料 知乎:github怎么绑定自己域名?

6.6K10

WPF 笔刷绑定可能原因

在 WPF 中如背景色等都是使用笔刷,在使用绑定时候可能绑定,本文告诉大家绑定可能原因和调试方法 有小伙伴问我为什么他背景绑定,他代码如下 <Window.Resources...原因是在小伙伴在转换器里面绑定返回值是 Color 而 Background 需要值是 Brush 所以绑定 修复方法是不返回 Color 应该返回 Brush 就可以 调试 XAML 绑定可以通过在...VisualStudio 选项开启输出绑定信息 在工具 选项 调试 输出窗口 可以看到绑定输出,将这一项设置为详细就可以输出很多调试信息,如上面代码将会输出绑定返回值 System.Windows.Data...,同时没有设置绑定失败使用值;将使用默认值代替。...绑定表达式是 Path=Width 数据项是没有,绑定元素是 Grid 绑定属性是 Background 这个属性类型是 Brush 类型 如果不想每次都设置 VisualStudio 可以使用

92640

WPF 笔刷绑定可能原因

在 WPF 中如背景色等都是使用笔刷,在使用绑定时候可能绑定,本文告诉大家绑定可能原因和调试方法 有小伙伴问我为什么他背景绑定,他代码如下 <Window.Resources...原因是在小伙伴在转换器里面绑定返回值是 Color 而 Background 需要值是 Brush 所以绑定 修复方法是不返回 Color 应该返回 Brush 就可以 调试 XAML 绑定可以通过在...VisualStudio 选项开启输出绑定信息 在工具 选项 调试 输出窗口 可以看到绑定输出,将这一项设置为详细就可以输出很多调试信息,如上面代码将会输出绑定返回值 System.Windows.Data...,同时没有设置绑定失败使用值;将使用默认值代替。...绑定表达式是 Path=Width 数据项是没有,绑定元素是 Grid 绑定属性是 Background 这个属性类型是 Brush 类型 如果不想每次都设置 VisualStudio 可以使用

57540

UWP 和 WPF 不同,ListView绑定集合修改顺序时,UI 刷新规则

UWP 和 WPF 不同,ListView绑定集合修改顺序时,UI 刷新规则 2017-10-20 00:14 ObservableCollection...由于 ObservableCollection 主要用于绑定,涉及到 UI 更新,而 UI 更新普遍比普通集合修改慢了不止一个数量级,所以可以大胆猜想,Move 存在是为了提升 UI 刷新性能...然而事实真是这样吗? ---- 试验 将 ObservableCollection 用于 UI 绑定目前只有 UWP 和 WPF,于是我写了两个 App 来验证这个问题。...在 WPF 中,ListView 为此所做判断仅一处,就是其基类 ItemsControl 类 AdjustItemInfos 方法。...本文会经常更新,请阅读原文: https://walterlv.com/post/binded-items-move-behavior-in-listview.html ,以避免陈旧错误知识误导

2.2K10

js动态绑定事件,无法使用for循环中变量i问题

❝小闫语录:我一直在幻想,那些伟大预言家都来自未来,那些畅销小说家都是真实经历过... ❞ 每天不是在写 bug,就是在解 bug 路上~更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选...』 1.问题描述 在一个 for 循环中,我动态给一堆 a 标签绑定 onclick 事件时,发现点击事件不正确。...但是上述代码点击每一个链接总是弹出一个值,而且还是个不正常值。之所以说它不正常,是因为上面我获取到了 5 个标签,正常下标应该到 4 结束,但是总是弹出 5 ????...答:那是因为事件函数是一个匿名函数,此函数会在 for 循环执行之后调用。调用时,发现内部没有定义变量 i ,所以就去外面找一下,发现外层有,就取外层值了,但是为什么是 5 呢?...那是因为 for 循环结束条件是 i 不满足 i<5 ,那么结束后变量 i 值就是 5,匿名函数到外层取值正好取到了它。

3.9K10

ListView滑和下滑,显示和隐藏Toolbar实现方法

属性获取系统actionBar高度 View headView = new View(this); headView.setLayoutParams(new ListView.LayoutParams...mShow; } }else if(mFirstY - mLastY mTouchSlop){//手指向上滑动,隐藏toolbar if(mShow){ Log.i("tag", "mLastY_手指滑...ObjectAnimator.ofFloat(toolbar, "translationY", toolbar.getTranslationY(), 0); }else if(flag == 1){ Log.i("tag", "手指滑...Toolbar遮挡ListView第一项; (2)设置ListView触摸监听事件: 当用户首次按下(MotionEvent.ACTION_DOWN),记录开始Y坐标;在用户滑动过程中(MotionEvent.ACTION_MOVE...以上这篇ListView滑和下滑,显示和隐藏Toolbar实现方法就是小编分享给大家全部内容了,希望能给大家一个参考。

1.1K20

使用jQuery.data()查看元素绑定事件

最近遇到一个诡异问题,发现我添加在一个HTMLElement片段上面的事件绑定,会在后续流程中,无故丢失了。但是,我不知道它是什么时候丢失。 所以我需要要一步步逼近定位到问题。...最先想到是浏览器面板上面的,可以选中元素,看元素上面的事件绑定。 但浏览器上面看到是结果量,也就是看到是已经丢失了事件元素,但我还是不知道什么时候丢失。...我可以断点取到每个阶段HTMLElement元素状态,但是,这个时候,我却找不到观察其事件绑定情况方法。 谷歌好久,发现JS原生是没法查看事件绑定情况。...还好,我们都是用jQuery,用$.on()。 而jQuery自身事件绑定,额外添加了一层事件数组。...,就会返回这个元素上面绑定所有事件。

1.8K00

猫:while循环与do-while循环,debug调试运用

一.循环结构  1.循环不是无休止进行,满足一定条件时候循环才会继续,称为"循环条件",循环条件不满足时候,循环退出  2.循环结构是反复进行相同或类似的一系列操作,称为"循环操作" 二.while...1.语法: while(循环条件){    //循环操作   }   解析:   (1)关键字后小括号中内容是循环条件   (2)循环条件是一个表达式,它值为boolean类型,即:true或...注:计算机程序中错误或缺陷通常称为"bug",程序调试称为"debug",就是发现并解决bug意思 四.do-while循环结构 ?  ...1.语法: do{    //循环操作   }while(循环条件);   解析:和while循环不同,do-while循环以关键字do开头,然后是大括号括起来循环操作,接着才是while关键字和紧随小括号括起来循环条件...  (2)执行次序不同    >while:先判断,再执行    >do-while:先执行,再判断   (3)在一开始循环条件就不满足情况下    >while循环结构一次都不会执行    >do-while

2.3K110

彻底解决docker在windows端口绑定问题

解决方案 正确解决方案 简单地重新设置“TCP 动态端口范围”,以便 Hyper-V 只保留我们设置范围内端口。...错误解决方案 来自 StackOverflow 错误解决方案 在该问题高赞回答中,他使用了以下命令: net stop winnat docker start container_name net...start winnat 这命令实质是简化版重启电脑,让 Hyper-V 初始化一些随机端口来保留,如果没有它仍然没有释放你所需要端口,你可能不得不再做这样操作。...也就是因此,该回答下面有些人回复有用,有些人回复没用,就是因为这种解决方式解决问题概率非常随机。 错误背景 进入正题,为什么会发生这个错误?这里不得不说明一下两个和问题有关特性。...在 Windows Vista(或 Windows Server 2008)之前,动态端口范围是 1025 到 5000;在其之后版本中,新默认起始端口为 49152,新默认结束端口为 65535

5K20
领券