Javascript onFocus在页面加载时触发

伊万·切普林(Ivan Chepurin)

小提琴

所以我有这个问题。

我有一个简单的表格:

<form method="post" action="login.php">

<input type="text" name="Username" value="Username" />
<input type="password" name="Password" value="Password" />
<input type="submit" name="submit" value="Log in" />

</form>

这个脚本:

function focus(element) {

    console.log('focused ' + element.getAttribute('name'));

    var elementValue = element.value;
    var elementName = element.getAttribute('name');
    elementValue = (elementValue == elementName ? '' : elementValue);

}


var fields = ['Username', 'Password'];

for (var i = 0; i < fields.length; i++) {

    console.log(i + ': ' + fields[i]);

    var input = document.getElementsByName(fields[i])[0];

    console.log('input value: ' + input.value);

    input.onFocus = focus(input);

}

应该为每个输入创建Focus事件监听器,并在用户单击任何字段时调用focus()函数。但是由于某种原因,如控制台所示,它只是为每个字段循环一次调用该函数,并且停止停止响应将来的Focus事件。

所以我猜想这行有什么问题input.onFocus = focus(input);,但我不知道是什么。我想念什么?

先生代码

在下面的代码行中,您将focus立即调用该函数并传递返回值(即undefined)。您还需要使用onfocusnot,onFocus因为属性名称区分大小写。

input.onFocus = focus(input);

相反,您可以这样使用.bind()

input.onfocus = focus.bind(null, input);

这将使用参数集设置函数,而无需实际调用它。

更新的小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

页面加载时正在调用Javascript函数

来自分类Dev

javascript中的事件监听器不会触发,除非页面加载时

来自分类Dev

为什么页面加载时仅触发这些javascript行之一?

来自分类Dev

在Coldfusion页面加载时执行javascript

来自分类Dev

jQuery在初始页面加载时重新加载javascript资源

来自分类Dev

页面加载时的JavaScript加载屏幕

来自分类Dev

使用JavaScript在页面加载时显示弹出窗口

来自分类Dev

加载异步JavaScript时触发事件

来自分类Dev

Javascript setTimeout在Ajax加载的页面中触发次数

来自分类Dev

页面加载时仅加载一个JavaScript函数。

来自分类Dev

页面加载时自动启动JavaScript功能

来自分类Dev

在页面加载时触发多个JavaScript函数

来自分类Dev

Javascript onclick在页面加载时触发

来自分类Dev

JavaScript onclick事件在页面加载时触发

来自分类Dev

为什么页面加载时仅触发这些javascript行之一?

来自分类Dev

JavaScript事件监听器在页面加载时触发,而不是click事件

来自分类Dev

从javascript触发自动下载在页面加载时不起作用

来自分类Dev

使用javascript放大页面加载时的div

来自分类Dev

页面加载时的Javascript SlideFadeToggle表单

来自分类Dev

我的JavaScript函数无法在页面刷新时触发

来自分类Dev

页面加载时仅加载一个JavaScript函数。

来自分类Dev

Javascript函数在页面加载时触发,而不是单击时触发

来自分类Dev

在页面加载时加载Javascript

来自分类Dev

Sharepoint Javascript 在页面加载时失败

来自分类Dev

Javascript - 在页面加载时自动点击按钮

来自分类Dev

在页面加载时触发两个 javascript 函数的问题

来自分类Dev

Javascript:加载页面时出错

来自分类Dev

javascript - 菜单在页面加载时打开

来自分类Dev

如何在页面加载时加载 Javascript

Related 相关文章

  1. 1

    页面加载时正在调用Javascript函数

  2. 2

    javascript中的事件监听器不会触发,除非页面加载时

  3. 3

    为什么页面加载时仅触发这些javascript行之一?

  4. 4

    在Coldfusion页面加载时执行javascript

  5. 5

    jQuery在初始页面加载时重新加载javascript资源

  6. 6

    页面加载时的JavaScript加载屏幕

  7. 7

    使用JavaScript在页面加载时显示弹出窗口

  8. 8

    加载异步JavaScript时触发事件

  9. 9

    Javascript setTimeout在Ajax加载的页面中触发次数

  10. 10

    页面加载时仅加载一个JavaScript函数。

  11. 11

    页面加载时自动启动JavaScript功能

  12. 12

    在页面加载时触发多个JavaScript函数

  13. 13

    Javascript onclick在页面加载时触发

  14. 14

    JavaScript onclick事件在页面加载时触发

  15. 15

    为什么页面加载时仅触发这些javascript行之一?

  16. 16

    JavaScript事件监听器在页面加载时触发,而不是click事件

  17. 17

    从javascript触发自动下载在页面加载时不起作用

  18. 18

    使用javascript放大页面加载时的div

  19. 19

    页面加载时的Javascript SlideFadeToggle表单

  20. 20

    我的JavaScript函数无法在页面刷新时触发

  21. 21

    页面加载时仅加载一个JavaScript函数。

  22. 22

    Javascript函数在页面加载时触发,而不是单击时触发

  23. 23

    在页面加载时加载Javascript

  24. 24

    Sharepoint Javascript 在页面加载时失败

  25. 25

    Javascript - 在页面加载时自动点击按钮

  26. 26

    在页面加载时触发两个 javascript 函数的问题

  27. 27

    Javascript:加载页面时出错

  28. 28

    javascript - 菜单在页面加载时打开

  29. 29

    如何在页面加载时加载 Javascript

热门标签

归档