`

JS事件触发器的function的问题

CC++C# 
阅读更多
JS事件触发器的function的问题可以用闭包解决，也可以用函数解决

<html>
<head>
<title>JS事件触发器的function的问题</title>
<script>
function createFunction(letter){
    return function(){
        alert(letter);
    }
}

function bindEvent(){
    var letters = ['A','B','C'];
    var elems = document.getElementsByTagName('INPUT');
    var i=0;
    for(; i<3; i++){
        var letter = letters[i];
        elems[i].onclick = createFunction(letter);
    }
}


</script>
</head>
<body onload="bindEvent()">

<input type="button" value="buttonA"/>
<input type="button" value="buttonB"/>
<input type="button" value="buttonC"/>

</body>
</html>
分享到：
| JavaScript 闭包
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    从Node.js事件触发器到Vue自定义事件的深入讲解.docx

    本文主要讨论了从Node.js中的事件触发器到Vue框架中的自定义事件的原理和应用，帮助开发者深入理解这两者之间的关联。 首先，让我们从Node.js的事件触发器开始。Node.js提供了一个名为`EventEmitter`的内置模块，它...

    node.js中事件触发器events的使用方法实例分析

    在Node.js中，事件触发器（events）是一个核心模块，它提供了一种处理异步通信的方式，基于事件驱动模型。事件触发器使得程序能够通过触发事件来调用预先定义好的处理函数，而不是直接进行硬编码的函数调用，从而...

    javascript触发模拟鼠标点击事件

    在Web开发中，事件处理...需要注意的是，虽然模拟事件触发在很多情况下非常有用，但过度使用或不当使用可能会导致代码难以维护，甚至出现性能问题或安全漏洞。因此，在使用这些技术时，建议开发者始终保持谨慎和适度。

    track.js:segment.io 的语义分析事件触发器

    跟踪.js segment.io 的语义分析事件触发器用法下载使用[removed]标签将其添加到您的项目中。 开始描述事件！ 给我们反馈什么会更好！例子： &lt;!DOCTYPE html &gt;&lt; head &gt;&lt; title &gt; Example Code For ...

    基于事件的JavaScript的浏览器

    标题 "基于事件的JavaScript的浏览器" 指的是在现代Web开发中，JavaScript引擎和浏览器如何利用事件驱动的编程模型来处理用户交互和其他异步操作。这种模型是JavaScript的核心特性之一，它允许开发者构建响应式的、...

    JS浮动菜单是如何作出来的mouse事件

    本文将详细介绍如何利用JavaScript（简称JS）来实现这样的浮动菜单，并着重讲解相关的`mouse`事件。 #### mouse事件基础 在JavaScript中，`mouse`事件是指与鼠标操作相关的事件。这些事件包括但不限于： - `...

    关于在innerHTML中JS不执行的问题

    3. **利用事件监听**：可以将JavaScript代码包装在一个特定的事件处理函数中，例如点击事件，然后通过`innerHTML`添加这个事件触发器。 ```javascript let html = ` &lt;button id="myButton"&gt;Click me document....

    js实现的图片切换功能

    在JavaScript（JS）中实现图片切换功能是一项常见的前端任务，主要应用于网站的幻灯片、轮播图等组件。这个功能通常需要结合HTML结构、CSS样式以及JavaScript代码来完成。以下是一个详细的步骤介绍： 首先，我们...

    key监控触发器(快捷键触发)

    管理HTML页面中的快捷键触发事件管理 自定义模式 /** * HTML按键监控管理 * jquery按键插件 * **/ 使用方式 var data = new Array(); //keyValue 字符对应键值 + 可以追加组合 适用于shift ctrl alt 组合 //...

    浏览器事件动态注册和取消

    浏览器事件动态注册和取消是Web开发中的重要概念，它涉及到JavaScript和DOM（Document Object Model）交互的核心技术。本文将深入探讨这一主题，帮助你更好地理解和掌握网页交互的机制。 首先，事件是用户与网页...

    popper.min.js

    Popper.js是一个重要的JavaScript库，尤其在前端开发领域，它主要与Bootstrap框架配合使用，以实现更高级的定位功能。Bootstrap 4引入了Popper.js作为其弹出元素（如下拉菜单、工具提示和模态）的基础定位引擎，替代...

    Microsoft Azure Function Apps 操作大全.docx

    总的来说，Microsoft Azure Function Apps 提供了一个强大且灵活的平台，用于构建事件驱动的应用程序和微服务。借助其无服务器架构和广泛集成能力，开发者可以更专注于业务逻辑，而不是基础设施管理，从而提高开发...

    JS 隐藏同级的元素后只显示JS文件

    标题“JS隐藏同级的元素后只显示JS文件”指的是使用JavaScript编程语言来实现一个功能，即在HTML文档中，当用户操作时（比如点击某个按钮），隐藏同一层级的所有元素，然后只显示与该操作相关的JavaScript文件内容。...

    js单击换页

    2. 单击事件：JavaScript中的事件是用户与网页交互的触发器，单击事件（click event）是指用户对某个元素进行点击时执行的代码。 二、实现方式 1. HTML结构：首先，我们需要在HTML中设置分页按钮或链接，每个按钮...

    JS图片播放图片播放

    在JavaScript（JS）中实现图片播放功能是一项常见的需求，尤其在网页设计和开发中。图片播放器通常用于创建动态的、交互式的图像展示，能够帮助用户以更吸引人的形式浏览多张图片。以下是对这个主题的详细解释： 一...

    前端大厂最新面试题-2019快看漫画前端社招面经.docx

    【JavaScript 事件循环原理】 JavaScript 是单线程的语言，这意味着在任何时候只能执行一个任务。为了处理异步操作，JavaScript 引入了事件循环（Event Loop）机制。事件循环包括以下几个关键部分： 1. **调用栈...

    JavaScript 模拟用户单击事件

    解决这个问题，可以使用原生 JavaScript 的事件创建和分发机制。在 IE 浏览器中，可以直接调用 DOM 元素的 `click` 方法来触发点击事件，如 `$(“#aLink”).get(0).click();`。但在非 IE 浏览器，如 Firefox，需要...

    js check复选

    `check_all_none.js`则存储了实际的JavaScript逻辑，可能包含了上述的事件监听和DOM操作。 总结来说，"js check复选"主要涉及JavaScript操作HTML复选框，实现全选和全不选功能。这通常通过添加事件监听器，动态修改...

    JS模拟下拉选项框

    3. **JavaScript事件处理**： - **点击事件**：当用户点击触发器时，显示或隐藏选项列表。可以通过监听`click`事件实现： ```javascript document.getElementById('selectTrigger').addEventListener('click', ...

Magicbox
Global site tag (gtag.js) - Google Analytics