javascript - 具有相同 CSS 类的多个 <input> 已更新,而不是一个特定的

标签 javascript input listener

简介
JS 中实现日历组件.

用例:
1.用户点击输入,调用日历
2.用户选择日期
3.日历关闭,日期进入特定输入
问题:
相同的日期进入两个输入

代码:
页面上有两个类似的(即需求)输入:

<input class="date"/>
<input class="date"/>

监听器以这种方式绑定(bind)在这些输入上:

<body onload="FlipCalendar.placeholder('date')"/>

elems[i]这是<input>吗,这是通过函数传递的(按顺序):

1. var placeholder = function(className){...}
2. var dateInit = function(calInvoker){...}
3. var selectDay = function(day,calInvoker){...}

问题和期望:
问题是为什么两者 <input>已更新,何时调用特定一个的日历?
我假设,引用 elems[i]是独一无二的,但它发生了,它被称为所有 <input> s 在页面上。

演示:
<强> live demo

附言
抱歉,我的演示中有很多非结构化代码。
我上面提到的 3 函数在这里非常相关。

最佳答案

Here is the working code.

t.addEventListener 替换为 t.onclick

关于javascript - 具有相同 CSS 类的多个 &lt;input&gt; 已更新,而不是一个特定的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9033560/

相关文章:

javascript - 每 2 秒多次运行相同的 javascript 函数

javascript - 使用javascript的indexOf方法区分字符串中的 '$'和 '\$'

显示指令(占位符)文本的 Javascript 文本输入字段

java - 手动调用监听器方法的坏习惯

android - 如何将监听器附加到 ListView ?

javascript - Javascript:点击图片时播放音频

javascript - 值在计算中仅返回零

jquery - jQuery 中的复杂问题

jquery - 将输入 [type ='number' ] 上的值乘以 250

java - 在 JTable 中使用 JButton 和 Action 有哪些缺点?