在doT.js中为KeyUp事件替换.addEventListener

问题描述

我是 doT.JS 框架的新手，现在正在处理遗留系统中的“ keyup”事件问题。

在 main.js 中添加了一个<div>模板，然后从 sub.js中将<textBox>内添加到了<div>标签中。该问题无法收听<textBox>的 keyup 事件。

• main.js

        var _factory = {
            newData: function (options) { return null; },getData: function () { 
                    init();         
                }
            };
  
        function init() {
            _Data.template = {
                            '<div class="data_container"></div>' 
            }
        }
  
        return _factory;
    }());
    mainCreate.newData = function (options) {
        subCreate.newData({
                        container: _options.container //It calls the subCreate function
                    });
  
                //Issue solved by adding .addEventListener()    
                var _text = document.getElementById('id_text');
                _text.addEventListener("keyup",function (event) {
                    console.log("keyup");
                });
    }
  
  

• sub.js

  
        var _factory = {
            newData: function (options) { return null; },getData: function () { 
                    init();         
                }
            };
  
        function init() {
            _Data.template = {
                            '<input type="text" id="id_text"></input>' 
            }
        }
  
        return _factory;
    }());
  
    subCreate.newData = function (options) {
        var DataContainer = $(_options.container).find('.data_container');
        $(DataContainer).html(_Data.template);
    }
  
  
  
  
  

我通过添加.addEventListener

进行了修复

问题-doT.js可用于将'keyup'事件附加到元素的任何默认方法。

注意：如果在模板本身中添加，则可以正常工作。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）