小编Cha*_*n L的帖子

如何使用JQuery或javascript从动态创建的按钮获取click事件对象数据

我正在收集页面按钮点击事件.通常我是从静态创建的DOM元素中收集对象.通过使用,

 $('input[type=button]').each(function () {
              $(this).bind('click', function () {
                  Console.log(this);
              });
          });
Run Code Online (Sandbox Code Playgroud)

但是当我动态添加一个新按钮时,

 vvar newBtn = document.createElement('input');
      newBtn.type = 'button';
      newBtn.setAttribute('id', 'JgenerateBtn');
      newBtn.setAttribute('value', 'JgenerateBtn');
      newBtn.onclick = function () { alert('javascript dynamically created button'); };
      var holderDiv = document.getElementById('holder');
      holderDiv.appendChild(newBtn);
Run Code Online (Sandbox Code Playgroud)

在此代码之后,创建了New Button并且事件也触发了,但是我无法通过使用相同的上述代码来获取Event对象.

 $('input[type=button]').each(function () {
          $(this).bind('click', function () {
              Console.log(this);
          });
      });
Run Code Online (Sandbox Code Playgroud)

请提供获取动态创建的元素事件对象的建议.

javascript jquery javascript-events

1
推荐指数
1
解决办法
4649
查看次数

标签 统计

javascript ×1

javascript-events ×1

jquery ×1