个人中心
gpt4 book ai didi

javascript - 为什么这个焦点事件不会触发

转载 作者：行者123 更新时间：2023-12-01 02:31:05 25 4
gpt4 key购买 nike

我有一个非常简单的 html 文件，其中包含一个 input 元素。每当 input 元素被聚焦时，我想要 console.log 一条消息。发生的情况是，console.log 在页面加载后立即触发，并且再也不会触发。我无法使用内联 onfocus 且无法使用 jquery。这是我尝试过的。

第一

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

第二个

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

什么给出了？

最佳答案

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

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

关于javascript - 为什么这个焦点事件不会触发，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48309559/

25 4 0
文章推荐： javascript - 使用 jQuery 从