如何解决在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 举报,一经查实,本站将立刻删除。