首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >将事件从子元素复制到不同的div

将事件从子元素复制到不同的div
EN

Stack Overflow用户
提问于 2012-04-20 13:36:15
回答 2查看 412关注 0票数 0

我正在尝试将div内容从一个位置复制到另一个位置,为此,我使用如下内容:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#newDiv').html($('#oldDiv').html());

问题是一些子元素使用bind() jquery方法附加了事件。我想把这些事件也复制到新的位置。

有没有办法做这个“事件复制”?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-04-20 13:38:48

描述

您可以在复制内容的瞬间创建动态内容。

您需要使用jQuery .live()delegate()方法将事件绑定到动态创建的html。

根据您使用的jQuery版本,选择.live()delegate()

.live()从jQuery 1.3开始提供。现在和将来,为所有匹配当前选择器的元素附加一个事件处理程序。

.delegate()从jQuery 1.4.2开始提供。基于一组特定的根元素,将一个处理程序附加到与选择器匹配的所有元素的一个或多个事件。

查看我的示例和此jsFiddle Demonstration

示例

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div id="newDiv"></div>
<div id="oldDiv"><a>click me</a></div>​$("a").live("click",function() {
   alert("click"); 
});// copy content
$('#newDiv').html($('#oldDiv').html());

更多信息

票数 2
EN

Stack Overflow用户

发布于 2012-04-20 13:39:25

如果您使用jquery Clone方法,您可以设置一个参数来指定是否要保留事件...查看:http://api.jquery.com/clone/

它应该会做得很好。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10247356

复制
相关文章
一张图片或Div不同位置点击事件
代码示例 <!-- * @Author: Han * @Date: 2021-10-27 17:34:01 * @LastEditors: Han * @LastEditTime: 2021-10-27 17:36:35 * @FilePath: \Projectc:\Users\Han\Desktop\Untitled-1.html --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta
骤雨重山
2022/01/17
1K0
html 的div或其他元素监听 resize事件不生效的解决办法
此外这个API 只能在IE11+,如果想兼容的话,建议 封装下,判断下,如果浏览器有这个API 直接用,没有的话,就使用轮询查询元素大小。
小贝壳
2020/09/10
2.7K0
数组扩容+插入元素+复制到新位置
1.数组扩容 2.插入元素 3.复制数组到新位置
2020/10/23
9550
数组扩容+插入元素+复制到新位置
DIV元素水平和垂直居中
在前端开发过程中,经常要对元素进行居中设置。一般有水平居中,和垂直居中。一般设置水平居中简单。基本是margin:0 auto,就可以了。但是垂直居中,我们有时会觉得使用vertical-align,但是这个属性对div元素不起作用。 目前通用的解决办法是,使用绝对定位,然后设置left和top为50%。然后通过margin来设置。下面具体代码演示了一个简单的登录页面,然后使登录界面水平居中和垂直居中。代码如下: <html> <head> <title>div元素水平和垂直居中</
八哥
2018/01/18
2.8K0
DIV元素水平和垂直居中
jQuery中不同元素的作用
removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性
用户7718188
2021/10/07
1.7K0
input元素的oninput事件和onchange事件
第二种:获取input元素,然后在元素对象上添加oninput属性,属性值为函数,函数内部为处理事件函数的调用
全栈程序员站长
2022/09/05
3.5K0
div实现绑定按键事件 转
所有的页面都会引用一个公共js代码库base.js,在这个代码库里为document绑定了按键事件,现在需要为某个特殊的custom.html页面定制事件handler。
stys35
2019/04/29
1.2K0
HDFS——如何将文件复制到HDFS
在Hadoop中用作文件操作的主类位于org.apache.hadoop.fs包中。基本的文件操作有open、read、write和close。实际上,Hadoop的文件API是通用的,可用于HDFS以外的文件系统。
星哥玩云
2022/06/30
2K0
js动态创建div等元素实例
为了节省时间,就直接贴代码了!希望大家多多的关注我! <html> <head> <title>js动态创建div等元素实例</title> <style type="text/css"> </style> </head> <body> <script language="javascript"> var Test={ createDiv:function(){ var div = document.createElement
业余草
2019/01/21
12.3K0
jquery获取元素绑定的事件
一个简单的记录,在调试jquery的事件绑定时会用到。查看某元素是否绑定上了事件。
the5fire
2019/02/28
4.2K0
实现点击图片不同区域响应不同的事件
开始考虑以纵轴为0度, 计算点击坐标跟中心点连线并计算跟纵轴的角度来判断, 不过代码写好后发现在不同的设备上有误差
周希
2019/10/15
1.4K0
jQuery 查找on事件绑定元素的被绑定元素方法
如上代码,当我点击这个图片的时候 $(this) 是指 img . 当然这是正确的.
FungLeo
2022/05/05
4.5K0
将文件内容复制到另外文件
在示例类Demo.FileDemo中,ProcessFile()方法接受输入文件和输出文件,并调用SetUpInputFile()和SetUpOutputFile()打开文件,一个用于读取,另一个用于写入。然后,它逐行读取输入文件,并调用ProcessLine()对每行的内容执行一个或多个替换,将每行的新内容写入输出文件。
用户7741497
2022/07/06
9940
小程序中点击子元素事件而不触发父元素的点击事件
在测试小程序的时候,发现了这样的一个bug,点击子元素事件d的时候触发父元素的点击事件,从而执行父级的点击事件,跳转到了父级的点击事件的页面了。
王小婷
2019/02/21
6K0
小程序中点击子元素事件而不触发父元素的点击事件
html图片自适应div大小_未知宽高的div元素垂直水平居中
2.设置html图片的高度 计算出来的 height 正好是排版后的高度大小,是 CGFloat 类型,在是在我们设置UIlabel/Cell 高度时,可能存在四舍五入等,最后存在的一点点误差使得 UILabel 显示不全,可能出现缺少一行,上下空白太多等情况;
全栈程序员站长
2022/11/09
2.9K0
div元素下的图片不能置顶解决办法
正常写个demo是可以打开且正常显示的,但是在某些时候(可能是在配置了打包编译等情况),发现图片无论如何好像都在最底下我们看不到的位置展示,不能置顶,终于找到了原因。
蓓蕾心晴
2020/03/27
1.1K0
js将内容复制到剪贴板
在js中通过点击事件来触发复制到剪贴板,通过js的document.execCommand("Copy");语法可以实现复制功能,但是首先需要将文本选中,来看一下实际代码:
OECOM
2020/07/01
4K0
Oracle将远程库复制到本地库
exp username/password@192.168.1.1:1521/orcl file=C:/database.dmp
在下是首席架构师
2022/08/18
1.1K0
事件基础及操作元素
JavaScript 使我们有能力创建动态页面,而事件是可以被 JavaScript 侦测到的行为。
星辰_大海
2020/09/30
1.4K0
准确获取事件源的任意父级元素(事件委托)
当我们想给一个列表中的每个列表项添加相同的事件时,我相信最先想到的方法一定是事件委托,通过将事件监听器设置在其父节点上,利用事件冒泡的原理实现想要的操作,这样只进行了一次的dom操作,提高了程序的性能。通常我们都会使用事件源e.target来获取点击的元素,从而可以知道我们点击的是谁。
小丞同学
2021/08/16
2.6K0

相似问题

从子元素覆盖父元素的Click事件

41

防止从子元素触发jquery事件

31

将子元素复制到不同的元素下

11

如何排除从子元素中冒泡的事件?

14

单击事件-防止从子元素捕获阶段

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文