将输入值拆分为字符数组

蒂莫

我想获得单击时输入的值,然后将返回值拆分为字符数组,这是我已经尝试过的:

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按钮上都会触发的回调函数这意味着,clicktextonaut.text是在您内部的所有内容中设置的input

阅读addEventListener文档以获取更多信息。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将字符串拆分为值数组

来自分类Dev

将数组拆分为匹配值的数组

来自分类Dev

按值将数组拆分为数组

来自分类Dev

将字符串拆分为数组

来自分类Dev

JavaScript将值拆分为数组

来自分类Dev

如何将字符串值拆分为字符串数组?

来自分类Dev

如何使用javascript将字符串中的值拆分为与数组相同的值?

来自分类Dev

将字符串混合输入拆分为单个值的范围

来自分类Dev

将字符串拆分为数组并修剪每个值的有效方法-Swift

来自分类Dev

将单个二进制字符串值拆分为数组

来自分类Dev

将字符串拆分为数组,并根据其字母分配值?

来自分类Dev

将pandas.DataFrame列的字符串值拆分为数组

来自分类Dev

Vertica:将字符串拆分为数组并分组以获得一组唯一值?

来自分类Dev

在Swift中以开始字符将数组拆分为多维数组?

来自分类Dev

将字符串数组拆分为int数组

来自分类Dev

如何使用特定字符将数组拆分为更小的数组?

来自分类Dev

将字符串拆分为字符之间的数组?

来自分类Dev

将字符串拆分为字符串数组

来自分类Dev

将字符串拆分为字符串数组

来自分类Dev

PHP将多维数组拆分为与值匹配的数组块

来自分类Dev

Javascript:按值将数组拆分为多个数组

来自分类Dev

根据值将数组拆分为多个数组-PHP

来自分类Dev

PHP将多维数组拆分为与值匹配的数组块

来自分类Dev

根据值何时更改,将数组拆分为更小的数组

来自分类Dev

将字符串拆分为多个文本输入

来自分类Dev

PHP:将数组值拆分为键和值

来自分类Dev

将数组拆分为数组

来自分类Dev

将表格中的值拆分为不同的文本输入?

来自分类Dev

将字符串拆分为捕获括号内的数组

Related 相关文章

热门标签

归档