我应该在同一页上重复多次相同的HTML代码段。我有一个外部JavaScript文件,只要用户与其中一个重复段进行交互,就会调用其功能。但是,只有三个代码段中的第一个会影响交互。当与另外两个人互动时,没有任何反应,也就是说,JavaScript不会被调用。使用相同的JavaScript重复HTML

我会假设,如果所有的HTML代码段都有相同的ID和类(除了应该分配唯一ID),那么至少所有3个HTML段的内容会发生变化这些细分市场的其他任何实例。

下面是这个问题的例子:

var textbox = document.getElementById("my-id");

textbox.onkeyup = function() {

\t alert("ok");

}

在这里,只有我-ID的第一个实例交互创建警告框,其他2,不要。我怎样才能让我的代码适用于所有3个文本框?

+0

的ID必须是唯一的,请参阅:[多个不同的HTML元素可以有相同的ID,如果他们是不同的元素?](HTTPS: //stackoverflow.com/questions/5611963/can-multiple-different-html-elements-have-the-same-id-if-theyre-different-eleme)。除此之外'getElementById'只返回一个元素。看看[添加事件监听器到多个元素](https://stackoverflow.com/questions/13915702/adding-event-listeners-to-multiple-elements) –

+0

[添加事件监听器到多个元素]( https://stackoverflow.com/questions/13915702/adding-event-listeners-to-multiple-elements) –

html 重复显示,使用相同的JavaScript重复HTML相关推荐

  1. iOS开发之--TableViewCell重用机制避免重复显示问题

    常规配置如下 当超过tableView显示的范围的时候 后面显示的内容将会和前面重复 // 这样配置的话超过页面显示的内容会重复出现 - (UITableViewCell *)tableView:(U ...

  2. IOS之TableViewCell重用机制避免重复显示问题

    常规配置如下 当超过tableView显示的范围的时候 后面显示的内容将会和前面重复. 1 // 这样配置的话超过页面显示的内容会重复出现2 - (UITableViewCell *)tableVie ...

  3. iOS tableviewcell重用机制避免重复显示

    tableviewcell常规配置如下 当超过tableView显示的范围的时候 后面显示的内容将会和前面重复 一般避免重复显示有3种做法: 1.去掉cell的重用机制 2.让每个cell都拥有一个对 ...

  4. vb6 combo根据index显示选项内容_按指定次数重复显示,两种方法随意选

    小伙伴们好啊,今天老祝和大家分享一个按指定次数重复显示数据的技巧. 先来看数据源和要实现的效果: 咱们的最终目的,是希望按照B列指定的次数,来重复显示A列的标签内容. 函数控们的方法是这样的: 在D2 ...

  5. SAP APF KPI tile上的数字无法重复显示的原因

    本文分析SAP APF KPI tile上的数字无法重复显示的原因. Created by Wang, Jerry, last modified on Jun 21, 2016 要获取更多Jerry的 ...

  6. SQL Server 2008 R2——使用数字辅助表(master..spt_values)实现用计数字段对记录进行重复显示...

    SQL Server 2008 R2--使用数字辅助表(master..spt_values)实现用计数字段对记录进行重复显示 原文:SQL Server 2008 R2--使用数字辅助表(maste ...

  7. css 如何让背景图片拉伸填充避免重复显示

    如何让背景图片拉伸填充,这个问题听起来似乎很简单.但是很遗憾的告诉大家.不是我们想的那么简单.  比如一个容器(body,div,span)中设定一个背景.这个背景的长宽值在css2.1之前是不能被修 ...

  8. word中表格跨页时,重复显示title

    不是什么高深的东西,只是为了备忘. 1.插入一个表格 2.选中第一行,右键打开"表格属性". 3.点击"上一行"或"下一行",设置需要重复显 ...

  9. 【ArcGIS】多个不连贯要素标签(lable)重复显示的解决方法

    制作地图时想要显示每个城市的名称,发现香港区域由于有三个不连贯的区域,显示标签后出现了重复,属性表里显示是一整块区域,所以没办法分割 解决办法是调出右键要素,调出Layer Properties,选择 ...

最新文章

  1. 如何在ubuntu下使用samba创建共享
  2. CCleaner v5.55.7108 发布,新增软件升级功能
  3. 【读书笔记】《第一行代码》
  4. 自测题的整理(持续更新)
  5. 用vector写结构体
  6. C# 中特性(Attribute)的使用简介
  7. libjpeg-turbo在Windows VS2010下的编译
  8. 【手写数字识别】基于matlab Fisher分类手写数字识别 【含Matlab源码 505期】
  9. LWN:Fedora 关于无驱动打印的讨论!
  10. aplay,arec,amix使用
  11. PS CJ34预算转借
  12. 踏歌智行筹备A股上市:正招募首席财务官,投资方包括宝通科技等
  13. iOS 手机号码验证
  14. 联想F360移动硬盘拆解
  15. 如何判断自己IP是内网IP还是外网IP
  16. 世界上最美的公式——欧拉公式
  17. domoticz添加和风天气与彩云天气
  18. 经典美文诵读2 If I Were a Boy Again假如我又回到了童年
  19. 选择UTON PAD平板,这才是真正的平板电脑,双十二就它了
  20. 聊聊ringbuffer

热门文章

  1. 猫猫学IOS(十七)UI之纯代码自定义Cell实现新浪微博UI
  2. 编译原理实验一、 程序设计语言认知实验报告
  3. java反射路径_java反射
  4. 央视-索福瑞首“吃螃蟹”:SDN让网络更安全、更灵活
  5. GBK与GB2312 解决GBK转UTF-8部分字符乱码
  6. 手机数控模拟器安卓版_数控机床模拟器手机版
  7. Unity中屏幕坐标与世界坐标之间的转换
  8. 【Codecs系列】AVS3关键技术、性能和复杂度分析
  9. 2023 最新 VUE运动刷步助手源码
  10. Failed to transform artifact 'butterknife-runtime.aar (com.jakewharton:butterknife-runtime:10.1.0)'