当前位置:首页 > 日记 > 正文

旧JS动态添加事件——事件委托

旧JS动态添加事件——事件委托
所谓动态添加事件的本质是指js中的事件委托。

我们知道,在js中,事件处理只能绑定到当前选定的元素。换句话说,事件处理只能绑定到当前文档中已经存在的元素。但是,许多合作伙伴会遇到问题。我的元素稍后会动态地添加到页面中,我希望将事件绑定到这个元素,以及如何处理它。

为了理解这个问题,我们假设我们需要将点击事件添加到稍后添加到当前页面的元素中。

解决这个问题的核心是使用JS的委托事件。委派事件的好处是,未绑定元素可以绑定到事件,而委托事件往往更便宜。

主题:举个简单的例子:当有1000个DIV网页上,如果直接绑定到div的单击事件,这1000个事件绑定元素。然而,如果一个事件委托,只有一个元素绑定事件needed.ps:要详细的让你了解事件的代表意义。

我们只想知道动态创建的元素如何添加事件,你说要做什么和做什么。

好吧,看看具体的实现:
动态创建元素的模拟
$ ajax({
类型:' ',
数据:{ },
成功:函数(){
$()。AddClass('AAA')。Html(11111111)。AppendTo($('body '));
},
});

要添加一个事件,我们只需创建动态元素
$(document),(听到咔哒声,李{ class= AAA }功能()){
console.log('ddd);
});
上述共同的故事js动态添加事件-事件委托是所有萧边分享你的内容。我希望能给你一个参考,我希望你会得到很多支持。

相关文章

excel数据绘制方法excel

excel数据绘制方法excel

数据,方法,绘制,电脑软件,excel,excel在使用办公时间时,可能需要很多时间来使用绘图数据的方法,可能有朋友不知道如何使用数据进行绘图,接下来是给大家带来excel数据使用的一种绘图方法,供大家参考。 excel使用数据绘图方法: 使用数据绘图步骤…

HTML5的新功能细节

HTML5的新功能细节

新功能,细节,电脑软件,HTML5是现在不是SGML的子集,主要是添加到图像,功能定位、存储、多任务等。 画布; 用于播放媒体的视频和音频元素; 很长一段时间的本地离线存储localStorage存储数据。当浏览器关闭时,数据不丢失;对sessionStorage数据浏…

如何压缩尺寸的大小在PPT2010制作

如何压缩尺寸的大小在PPT2010制作

压缩,大小,尺寸,电脑软件,当我们做了一个PPT演示文档的仔细,有许多高精度图片,从而导致整个文件的大小太大,它感动兆甚至几百兆几十人。即使出口仍然是PDF格式的文件上传,非常大,不可能实现的。在这种情况下,一个非常简单的设置可以压缩所有图片…

PS图象处理软件CS5迷你桥经验

PS图象处理软件CS5迷你桥经验

迷你,图象,处理软件,经验,电脑软件,Adobe Bridge是PS图象处理软件的一个文件浏览器,一个完全独立的应用程序,可以独立运行。桥,你可以查看和管理所有的图像文件,包括PS图象处理软件的PSD、AI、PDF文件。在一个隐喻,桥就相当于在Windows 7图书馆…

浅谈HTML中的标记

浅谈HTML中的标记

浅谈,标记,电脑软件,HTML,0。what is the mark xml代码将内容复制到剪贴板。 提示 检查,ID,链接,和标题标记在这里 1。布尔标记 作为例子检查 存在是应用,用于标记状态, 如果有一个变化是明显的,在中的价值总是检查,并没有获得属性的值的值…

TeamViewer无法连接到远程计算机

TeamViewer无法连接到远程计算机

连接到,电脑软件,TeamViewer,问:安装远程计算机系统是Windows 7 + TeamViewer 8版本,而该机安装Windows 8系统,用手机就可以连接到远程计算机,但计算机无法使用TeamViewer连接到远程计算机的连接,提示连接,以后将成为就绪状态。对不起,有什么事吗 …

制孔的PS图象处理软件彩色半调冲文

制孔的PS图象处理软件彩色半调冲文

文本过滤,图象,处理软件,彩色,电脑软件,本教程主要是为您介绍PS图象处理软件使用;彩色半调;一种制造冲压字符过滤。 1。首先创建一个新文档,然后输入文本并调整文本的大小,如图所示。 2、选择文字层,按Ctrl + E快速合并图层,然后选择菜单栏中的过…

如何做一个动态pptppt生产过程

如何做一个动态pptppt生产过程

动态,生产过程,如何做一个,电脑软件,pptppt,你知道如何制作动态PPT,向你展示如何制作动态PPT吗! 动态ppt的制作方法是: 桌面鼠标右键>新的>微软PowerPoint演示文稿: 打开PPT文档: 点击鼠标左键进入编舞模式: 在右边,有各种模板供你选择。我们选…

PS合成超级甜蜜情人节玫瑰海报

PS合成超级甜蜜情人节玫瑰海报

情人节,海报,甜蜜,电脑软件,PS,本教程主要是分享ps图像合成超甜情人节玫瑰海报教程,虽然时间不是很愉快,还是推荐它,希望朋友们有一个扔砖块的作用,希望大家同时也能通过本教程学到东西。 设计素描 uff1a 具体步骤如下: 第一步是找材料铺垫。 …

如何合并多个文件夹的文件和照片

如何合并多个文件夹的文件和照片

文件,照片,合并,多个,电脑软件,我每次旅行都要拍上几千张照片,然后根据拍摄日期回到笔记本上的文件夹里。因为有太多的照片,我把它们放在不同的目录,这样我就可以浏览目录时我被筛选。虽然一些专业的软件可以用来在幻灯片的形式显示照片,这是比…

使用HTML5设计按钮背景的不同动画

使用HTML5设计按钮背景的不同动画

简单实例,动画,按钮,背景,电脑软件,如何巧用HTML5设计按钮背景不同的动画效果,在这个特殊的效果,当鼠标跳过按钮,我们使用CSS3动画的动画背景的大小和背景位置属性来实现各种背景动画效果。 下面看看整体效果。 具体的实现: 1。CSS样式 首先…

推荐10个HTML5响应框架

推荐10个HTML5响应框架

响应,框架,推荐,电脑软件,今天,HTML5已经在world.html5网页设计师和开发人员所接受的是被称为Web开发的未来不能软弱借翅膀rumours.html5推动语义编程到一个新的高度,通过HTML5,开发者可以更简单、更容易的话,写他们的Web应用程序。例如,HTML5建…