为了账号安全,请及时绑定邮箱和手机立即绑定

通过计时器重置文本框文本并再次关注它,在javascript中

通过计时器重置文本框文本并再次关注它,在javascript中

偶然的你 2022-01-13 16:23:52
我正在使用 onclick 来重置和聚焦 Javasript 中的文本框文本。我想消除这个过程并实现 1.5 秒的计时器。所以文本框文本将自动消失,并且再次关注它。function refresh()  {  var resetbutton = document.getElementById("myText");  resetbutton.value="";  resetbutton.focus();  }
查看完整描述

2 回答

?
慕斯王

TA贡献1864条经验 获得超2个赞

看起来您正在寻找一个 setInterval。试试这个代码:


<!DOCTYPE html>

<html>

<body>


<p>Example</p>

<input id="myText" type="text" name="fname" value="delete this">

<button onclick="myFunction()">Try it</button>


<script>

  function myFunction() {


  var asd = setInterval(refresh, 1500);


  function refresh()

  {

    var resetbutton = document.getElementById("myText");

    resetbutton.value="";

    resetbutton.focus();

  }

}

</script>


</body>

</html>

我希望它有帮助!


查看完整回答
反对 回复 2022-01-13
?
当年话下

TA贡献1890条经验 获得超9个赞

您可以使用 setTimeout() 然后清除该值并重新关注文本区域。下面你可以看到一个关于鼠标移出事件的例子。


    <script>

            const resetbutton = document.getElementById("myText");


            resetbutton.onmouseout = function() {

                //1 second delay

                let delay = 1500;

                setTimeout(function() {

                //clear value and re-focus

                resetbutton.value="";

                resetbutton.focus();

                }, delay);

            };

      </script>


查看完整回答
反对 回复 2022-01-13
  • 2 回答
  • 0 关注
  • 156 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信