js怎样让把一个节点从这里移除到另一个地方仍具有事件
发布网友
发布时间:2022-05-17 11:23
我来回答
共1个回答
热心网友
时间:2022-05-17 12:53
按照你的要求,做了一个示例,把一个已经绑定了点击事件的元素,移动到另一个地方,事件任然有效。代码如下:
HTML:
<div id="a"><span class="test">测试</span></div>
<div id="b"></div>
<button>移动测试节点</button>
jQuery:
$('.test').click(function() {
alert('我在ID为 ' + $(this).parent().attr('id') + ' 的元素中点击了测试内容');
});
$('button').click(function() {
$('#b').append($('.test'));
});
测试过程截图:
1、初始化:
2、点击“测试”:
3、点击“移动测试节点”:
4、再次点击“测试”:
go.js树图拖拽切换节点位置
首先,要允许节点被拖拽,需要在Diagram的初始化配置中设置“allowDragOut”属性为true。这个属性允许用户将节点拖拽出原来的位置。同时,为了能够让拖拽的节点可以放置到其他位置,还需要设置“allowDrop”属性为true。这两个属性的组合使得节点可以在图表中自由移动。其次,当拖拽一个节...
...方法为什么把原先的元素直接挪动到另一个元素了不是复制??原先的也...
提示:如果文档树中已经存在了 newchild,它将从文档树中删除,然后重新插入它的新位置。如果 newchild 是 DocumentFragment 节点,则不会直接插入它,而是把它的子节点按序插入当前节点的 childNodes[] 数组的末尾。你可以使用 appendChild() 方法移除元素到另外一个元素。
JavaScript JS只给父节点绑定事件,子节点无事件,
p 在 div 里边,点了 p 也就等于点到 div了,只能说做判断,让点击子元素时不执行。document.getElementsByTagName('div')[0].addEventListener('click',function(e){ console.log(e.target) if (e.target == this) { console.log(e.target) }},false)
js中删除一个dom结点,有必要让dom结点的所有事件都置为null吗?_百度知 ...
从 DOM 树中删除的节点,因为不在 DOM 树中,所以不能接收到来自浏览器的事件,除非你把这些对象本来保存在某个数组中在删除之后还跑来遍历它们。只要它们不再收到任何通知,那它们有没有 onclick 都是没有任何影响的。
SortableJS原理分析(源码)
容器项目拖动排序:容器列表内的子项目,通过拖动进行位置调换,且具有动画效果; 容器间的项目移动:将一个容器列表中的子项目,拖动到另一个容器列表中(移动/克隆)。 不论是容器内元素顺序排序,或是两个容器内的元素进行移动,本质上是在通过操作DOM来实现。 下面我们先熟悉一下SortableJS基本使用。示例 1、HTML结构:...
JS 如何判断一个 DOM 是否存在于另一个 DOM 中
如果非要组件销毁自己手动移除自己创建的 DOM,就一个判断就 OK 了。只需要判断消息 DOM 中有 loading DOM 就移除,没有就不移除。看下 contains 的用法:如果 childNode 是 parentNode 的后代节点或是 parentNode 节点本身,则返回 true ,,否则返回 false。看 👀 两个例子 🌰:说...
jquery,点击一个节点,执行某一事件,再次点击,执行另一个事件,要能循环...
1、新建一个html文件,命名为test.html,用于讲解>怎么让jquery事件执行一次。2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。3、在test.html文件内,使用p标签创建一行文字,文字内容为“这是一段测试的文字”,并设置其class为mypp。4、在js标签内,在页面...
如何用原生js写一个弹窗消息提醒插件
这样,我们调用const message = new Message()的时候会在dom中自动的插入一个message-container节点。那么,最重要的还是我们的show方法:创建一个消息节点,并把它追加到message-container容器的末尾。设定一个时间,在这个时间结束后自动的将消息移除。监听“关闭按钮”的click事件,来让用户可以手动的移除消息。我们一步一...
js jquery 怎么让选中状态的select 赋值给另一个对象..
= option.text(); // 然后找到 select 的父节点的第0个 span,把 selt 写入到 span 中 $(this).parent().find("span:eq(0)").html(selt); }) // 初始化的时候,执行一次change方法 $(".sec select").change();...
JS移动端获取触控位置
5、如果从第二行倒着选到第一行,使用getSelection获取选择区域,可以看到anchorNode和focusNode和刚才相比,互换了。6、使用一个node的textContent属性可以获得文字。结合focusOffset和anchorOffset,实际上可以获取光标/选中区域前后的文字。7、将起始和结束位置设置为相同,而且都在结束节点的末尾。即变成闪烁光标...