javascript - 将文本推送到数组然后附加到 div - 在 IE8 中两次在 div 中显示文本

Question

使用 mouseup，我将多个值附加到一个数组中。

var myArray = [];
$("#button").mouseup(function() {       

  myArray.push(" play contact sports");

]);

然后使用另一个按钮附加到 div

$("#button2").mouseup(function() {      

  $('#output').append(myArray+'');

]);

它在所有浏览器中都可以正常工作，除了 IE8 之外，单击后的文本推送显示 TWICE。

play contact sports play contact sports

没有逗号。有人知道可能是什么原因吗？还是可能有效的替代方案？

Answer 1

我不太清楚你想要它做什么，但我会用一个元素包装你附加的每个文本节点，并更明确地说明你的数组到字符串的转换。同样在您的点击处理程序中确保事件停止：

$("#button2").mouseup( function(event) {
   event.stopPropagation();
   event.preventDefault();
   $('<p></p>').html( myArray.join(',') ).appendTo('#output');
   return false;
} );