为什么赢得这个焦点事件触发器

时间:2018-01-17 20:34:28

标签: javascript html html5

我有一个非常简单的html文件,其中包含while read -r src dst; do mkdir -p "${dst%/*}" cp -a "$src" "$dst" done<mapping2.txt 元素。每当关注install元素时,我想input一条消息。会发生什么,在加载页面时会立即触发console.log,而不会再次触发。我不能使用内联input而不使用jquery。这是我尝试过的。

第一

console.log

第二

onfocus

是什么给出了?

3 个答案:

答案 0 :(得分:1)

closeAllOtherAkkordeons = (excludeNumber) => { for (i = 1; i < 16; i++) { if (i != excludeNumber) { let facebook = document.getElementById("facebook" + i) setTimeout(() => { facebook.style.display = "none"; console.log(facebook) }, 500) } } } 语句立即执行,

要执行侦听器console.log,您需要将其包装在函数体中:

onfocus

答案 1 :(得分:1)

你身上有重复的身份,并没有为onfocus-event提供功能。

工作版本:

<html>
  <body>
    <input type="text" >
    <input id="fname" type="text" >
  </body>
  <script>
    document.getElementById("fname").onfocus = function() {
      console.log("hi");
    }
  </script>
</html>

我添加了另一个输入,因此您可以在它们之间切换,只在第二个上看到事件触发。

答案 2 :(得分:0)

我认为这是因为你没有将函数传递给onfocus事件。试试这个:

<html>
    <body id="someOtherId" >
        <input id="fname" type="text" >
    </body>
    <script>
        window.onload = () => document.getElementById("fname").onfocus = () => console.log(`hi`);
    </script>
</html>