我想获得单击时输入的值,然后将返回值拆分为字符数组,这是我已经尝试过的:
window.onload = function() {
var textonaut = {
text: '',
letters: []
};
textonaut.text = document.getElementById('textonaut-text').value;
var go = document.getElementById('go-button');
go.addEventListener('click', function(e) {
e.preventDefault();
textonaut.letters = textonaut.text.split('');
for(var i = 0; i < textonaut.letters.length; i++) {
console.log(textonaut.letters[i]);
};
});
}
<input id="textonaut-text" type="text"><button id="go-button">go</button>
我不知道为什么这不起作用。
放入textonaut.text = document.getElementById('textonaut-text').value;
您的addEventListener
回调。然后它应该工作。
window.onload = function() {
var textonaut = {
text: '',
letters: []
};
var go = document.getElementById('go-button');
go.addEventListener('click', function(e) {
e.preventDefault();
textonaut.text = document.getElementById('textonaut-text').value;
textonaut.letters = textonaut.text.split('');
for(var i = 0; i < textonaut.letters.length; i++) {
console.log(textonaut.letters[i]);
};
});
}
<input id="textonaut-text" type="text"><button id="go-button">go</button>
如果设置textonaut.text
外部回调的值,则''
无论发生什么情况都将保留(在加载JS文件时设置此值)。
addEventListener
每个click
按钮上都会触发的回调函数。这意味着,click
值textonaut.text
是在您内部的所有内容中设置的input
。
阅读addEventListener文档以获取更多信息。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句