如何在离开文本框后将文本框值传递给 Java 脚本

how to pass text box value to java script after leaving from text box?

本文关键字：文本 脚本 Java 值传 离开      更新时间：2023-09-26
<html><body>
<input type="text" id="t1" name="t1" />
<input type="button" value="Edit"
    onClick="edit(document.getElementById('t1').value)" />
<div id="div1" style="display: none">
    <input type="text" id="t2" name="t2" value="2" />
</div>
<script>
    function edit() {
        x = document.getElementById('t1').value;
        if (x == "1234") {
            document.getElementById('div1').style.display = 'block';
            alert(x);
        } else {
            document.getElementById("div1").style.display = 'none';
            alert(x);
        }
    }
</script>
</body>
</html>
在这里

，我将文本框 T1 的值传递给脚本，单击按钮以禁用div，但我不想在这里有按钮，相反，当我离开文本框(输入值后(时，我必须从文本框本身调用脚本。 但它需要传递文本框中所有输入的值。

喜欢

   <input type="text" id="t1" name="t1" onclick="edit(document.getElementById('t1').value);" />

请帮忙？ 我想要它在JavaScript而不是jquery中？请指导我。

可以在文本框上触发onblur事件。

当焦点移出文本框时，调用所需的函数。

你可以这样尝试，

    <html>
    <body>
    <input type="text" id="t1" name="t1" />
    <div id="div1" style="display: none">
         <input type="text" id="t2" name="t2" value="2" />
    </div>
    <script>
         var x = document.getElementById("t1");  
         x.addEventListener("blur", edit, true);          
         function edit() {
         //do wat ever you want
          }
    </script>
    </body>
    </html>

希望，它有帮助...

相关文章：