Question

我是js中的Absoulute noob，因为这实际上是我第一次看到它。我的问题不是在js本身，而是在理解js和HTML之间的联系。我正在使用一个名为“Ventuz”的speicifc软件，这个软件是基于节点的，我用它打开一个特殊的网页。这个网页有输入字段（用户注册表）。我试图让一个触发器或某些东西告诉我，用户按下输入字段，这样我就可以触发一些东西。布尔值可以解决我的问题。使用ventuz，我可以编写可以为我做的JS代码。这就是我现在所拥有的。

function myFunction() {
isFocused = true;
}

isFocused是我在Ventuz中作为输出添加的bool。我只想玩这个bool所以我可以触发我的东西。我现在的问题是，我不明白如何使上述HTML代码与用户正在调查的网页一起使用。如何将页面上的实际输入字段连接到我的函数？

这是网页： - Click Here

根据我的理解，我需要在html中调用我的js函数，如下所示： -

<input type="text" onfocus="myFunction(this)">

但我不知道如何在网页的html中调用我的js函数。请记住，我正在使用软件并使用该软件我正在使用为此页面打开的网络节点。该软件完全支持js并根据需要调整网页。

我很抱歉这么愚蠢的问题。但我真的无法弄明白:(

谢谢。

Answer 1

所以，让我们说你添加了一个div来测试输出。

<div id="message"></div>
<input type="text" onfocus="myFunction()">

并称之为。

function myFunction() {
var isFocused = "It worked!";
document.getElementById("message").innerHTML = isFocused;
}

这会输出你的功能结果。

这是一个很好的资源。 https://www.w3schools.com/js/default.asp

Answer 2

<html>
        <head>
        <script>
        function myFunction() {
        var isFocused = "It worked!";
        document.getElementById("message").innerHTML = isFocused;
        }
        </script>
        </head>
        <body>
        <div id="message">So anything that goes on in the function with document.getElementById will display instead of this.</div>
        <input type="text" onfocus="myFunction()">
        </body>
    </html>

Javascript：输入字段焦点事件/触发器

2 个答案: