如何在鼠标单击时更改元素文本

乔·戴夫(Joah Dave)

所以,我是这种东西的新手,我有一个问题。我发现此代码用于选择一个随机单词,但是直到所有单词都被选中后才再次选择它。

function shuffle(array)
{
  var m = array.length, t, i;
  while (m > 0) 
  {
    i = Math.floor(Math.random() * m--);
    t = array[m];
    array[m] = array[i];
    array[i] = t;
  }
  return array;
}

var keywords = ["Cheese", "Apples", "Grapes", "Chicken", "Potatoes", "Beef", "Bananas"];

shuffle(keywords); // shuffles the array

alert(keywords);

这就提出了一个问题。单击冒充为卡片的白框时,如何触发此操作?我希望一个框在任何时间仅显示一个值,并在单击时使用此代码随机选择另一个单词。

非常感谢任何帮助。

阿伦·P·约翰尼(Arun P Johny)

无需使用随机播放,您可以使用类似

var keywords = ["Cheese", "Apples", "Grapes", "Chicken", "Potatoes", "Beef", "Bananas"];

var mybox = document.getElementById('mybox'),
  idx;
//click handler for the box
mybox.addEventListener('click', function() {
  var index;
  do {
    index = Math.floor(Math.random() * keywords.length);
  } while (index == idx); //to make sure every click changes the selcted value
  mybox.innerHTML = keywords[index];
  idx = index;
})
#mybox {
  border: 1px solid black;
  height: 100px;
  width: 100px;
  text-align: center;
}
<div id="mybox"></div>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

鼠标单击图像时更改元素

来自分类Dev

如何在鼠标单击时更改KML多边形的颜色

来自分类Dev

Python如何在鼠标单击时更改单个网格方块的颜色

来自分类Dev

如何在可可中获取鼠标单击事件元素

来自分类Dev

如何在鼠标单击时显示隐藏的i标签

来自分类Dev

如何在鼠标单击时设置可拖动事件?

来自分类Dev

如何在鼠标单击时替换TouchPoint

来自分类Dev

如何在鼠标单击时显示隐藏的i标签

来自分类Dev

如何在鼠标单击时替换TouchPoint

来自分类Dev

如何在鼠标单击时修复边框颜色

来自分类Dev

单击元素时如何更改元素的背景颜色?

来自分类Dev

单击元素时如何更改元素的背景颜色?

来自分类Dev

如何允许鼠标单击靠近元素?

来自分类Dev

单击模式中的图标时如何更改元素的样式?

来自分类Dev

通过单击按钮更改元素(a)的文本

来自分类Dev

单击时更改元素的颜色

来自分类Dev

使用鼠标单击获取元素ID的文本

来自分类Dev

如何在Selenium Webdriver Python中用鼠标单击元素的第二层?

来自分类Dev

如何在流星/ javascript中禁用禁用的html元素上的鼠标单击事件

来自分类Dev

如何在鼠标单击时选择文本框的所有文本?(TextBox.SelectAll()在TextBox.Enter上不起作用)

来自分类Dev

如何在pygame中按住鼠标单击时阻止变量增加

来自分类Dev

如何在鼠标单击坐标时在图片框上绘制矩形

来自分类Dev

鼠标单击后如何复制/重复HTML元素?

来自分类Dev

您如何不用鼠标单击网页元素?

来自分类Dev

如何防止鼠标单击时突出显示InlineUIContainer?

来自分类Dev

如何在JavaFX中检测到鼠标单击?

来自分类Dev

如何在HTML页面中获得鼠标单击位置

来自分类Dev

如何在GTK +中检测鼠标单击图像?

来自分类Dev

如何在Awesomium中实现鼠标单击?

Related 相关文章

  1. 1

    鼠标单击图像时更改元素

  2. 2

    如何在鼠标单击时更改KML多边形的颜色

  3. 3

    Python如何在鼠标单击时更改单个网格方块的颜色

  4. 4

    如何在可可中获取鼠标单击事件元素

  5. 5

    如何在鼠标单击时显示隐藏的i标签

  6. 6

    如何在鼠标单击时设置可拖动事件?

  7. 7

    如何在鼠标单击时替换TouchPoint

  8. 8

    如何在鼠标单击时显示隐藏的i标签

  9. 9

    如何在鼠标单击时替换TouchPoint

  10. 10

    如何在鼠标单击时修复边框颜色

  11. 11

    单击元素时如何更改元素的背景颜色?

  12. 12

    单击元素时如何更改元素的背景颜色?

  13. 13

    如何允许鼠标单击靠近元素?

  14. 14

    单击模式中的图标时如何更改元素的样式?

  15. 15

    通过单击按钮更改元素(a)的文本

  16. 16

    单击时更改元素的颜色

  17. 17

    使用鼠标单击获取元素ID的文本

  18. 18

    如何在Selenium Webdriver Python中用鼠标单击元素的第二层?

  19. 19

    如何在流星/ javascript中禁用禁用的html元素上的鼠标单击事件

  20. 20

    如何在鼠标单击时选择文本框的所有文本?(TextBox.SelectAll()在TextBox.Enter上不起作用)

  21. 21

    如何在pygame中按住鼠标单击时阻止变量增加

  22. 22

    如何在鼠标单击坐标时在图片框上绘制矩形

  23. 23

    鼠标单击后如何复制/重复HTML元素?

  24. 24

    您如何不用鼠标单击网页元素?

  25. 25

    如何防止鼠标单击时突出显示InlineUIContainer?

  26. 26

    如何在JavaFX中检测到鼠标单击?

  27. 27

    如何在HTML页面中获得鼠标单击位置

  28. 28

    如何在GTK +中检测鼠标单击图像?

  29. 29

    如何在Awesomium中实现鼠标单击?

热门标签

归档