当我附加 时，javaScript 失去焦点

Question

我需要在我的脚本中添加蜂鸣声。每次必须有声音时我都会添加。

$("#beep").html("<embed src='button-16.wav' hidden='true' autostart='true' loop='false' id='bp' />")

但是当我添加 时，我失去了焦点。

我尝试通过以下方式再次聚焦。

1)

$("#beep").html("<embed src='button-16.wav' hidden='true' autostart='true' loop='false' id='bp' />");
$("#txt").focus();

2)

$("#beep").html("<embed src='button-16.wav' hidden='true' autostart='true' loop='false' id='bp' />");
$("#bp").ready(function(){
    $("#txt").focus(); 
});

但是第一种和第二种方法都不起作用。

HTML 代码。

<div id="beep"></div>
<input type="text" id="txt" />

那么，如何在蜂鸣声后保存文本框的焦点呢？

Answer 1

你可以尝试设置一个时间间隔来看看wav文件的结尾是否捕获了焦点？

setInterval(function() {
  $("#txt").focus(); 
}, 100);

我仅建议将此用于故障排除目的......而不是作为实际修复。执行 .wav 可能比运行下一个进程(即您的 focus())花费更长的时间