Question

构建一个简单的库来掌握javascript，我有点想要获得一个自定义属性来基本上提供来自AngularJS的ng-click类似功能。

此外，图书馆在git

有人可以克隆它，还可以查看可能会破坏的功能，避免添加点击处理程序

JS：

var utils = {
onClickWrapper: function(el) {
        el.querySelectorAll("*").forEach(function(node) {
          const parent = node.parentElement;
          if (node.attributes && node.hasAttribute("@click")) {
            var key = node.getAttribute("@click");
            var nodeClone = node.cloneNode(true);
            parent.removeChild(node)
            nodeClone.onclick = function(){
              alert('hello');
            }
            parent.appendChild(nodeClone);
          }
        });
      }  
}

HTML：

<div class="app">
    <div>
      {{count}}
    </div>
    <button @click='increaseCount'>
      Add
    </button>
    <button @click='decreaseCount'>
      decrease
    </button>
  </div>

将div.app发送到函数以添加事件侦听器。现在只是试图让他们在浏览器上发出警报，但这似乎并没有起作用。

我在某处做错了吗？

javascript - 尝试添加事件侦听器时在nodelist上缺少父元素

0 个答案: