Question

我正在尝试使用下面的数据属性 [data-task] 拖动“任务”元素。每当我测试事件侦听器时，它都不会读取嵌套在 div 内的任何子元素。有没有一种方法/逻辑可以包含其中的所有元素？侦听器仅在单击任务的边框边缘时执行，但最终我想拖动包含标题和任务名称的整个元素

当我将“任务标题”和内容本身嵌套在它们自己的 div/html 标签中时，就会出现这个问题。如果我删除它们，事件侦听器将识别整个 item 元素。

 [[redirects]]
  from = "/api/users/tickets/"
  to = "https://some-external-site.com/api/users/tickets/"
  status = 200
  force = true
  headers = {Access-Control-Allow-Origin = "*"}

[[redirects]]
  from = "/api/users/cars/*"
  to = "https://some-external-site.com/api/users/cars/:splat"
  status = 200
  force = true
  headers = {Access-Control-Allow-Origin = "*"}

Answer 1

弄清楚了..使用 e.target.matches 在目标上找到正确的数据属性.. 然后找到最近的父.. 这将是数据任务.. 使用 cloneNode 创建一个单独的，然后设置我的偏移量等等..效果很好！

拖动父元素以包含所有子元素

1 个答案: