javascript图片按钮-javascript动态生成按钮并绑定点击

2023-08-29 0 3,757 百度已收录

公司的后端开发人员一个多月前就辞职了,目前公司仍在招聘后端。 基本上每天都有几个人来参加笔试。 就这样笔试的频率,招聘花了一个多月的时间。 他们中的大多数人死于机考笔试。 题目很基础,但也是对基本功的考验。 基本上只有3%左右的人能做到。 当时我就想着用自己半生不熟的后端知识去挑战这个课题。 我还在忙着把Android项目上线,改bug,但一直没有时间。 现在五一放假,又花了一天时间把后端看了一遍,然后顺理成章地写了下来。 即使功能完成了,代码也不是很高尚。

标题是有一个html页面,有一个按钮javascript图片按钮,点击这个按钮,会弹出一个框,说按钮的编号是多少,询问是否生成新按钮。 重点是生成一个新的按钮,新的按钮可以继续响应点击风暴,生成新的按钮。如图

单击弹出框,如图所示。

点击确定生成新按钮,点击新建按钮继续弹出窗口询问是否生成新按钮。 并向自己报告一些关键。

分析这道题后发现,难点在于绑定生成的新按钮点击,并且能够窃听按钮的编号。 解决办法是使用js动态插入html代码,并在插入的html代码中绑定点击风暴。 之后,获取点击风暴中页面上的所有按钮,为每个按钮设置一个属性javascript图片按钮,并用它来标记它是哪个按钮。 代码如下所示。 虽然也很简单。 如果有更简单、更美观的写法,欢迎讨论。





测试



clic(); function clic(){ var bs = document.getElementsByTagName("input"); for(var i=0;i<bs.length;i++){ var b = bs[i]; b.setAttribute("aaa",i); b.onclick = function(){ var s = confirm("我是"+this.getAttribute("aaa")+"号按钮,是否生成新按钮"); if(s){ document.getElementById("content").innerHTML += "
"; clic(); } }; } }

小细节: 1:js代码中,clic方法必须自动关闭一次。 否则,第一个按钮仅在单击两次时才会响应。 2:InnerHtml 需要“””和“/”通配符。

希望大家多多支持我的小程序

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 javascript javascript图片按钮-javascript动态生成按钮并绑定点击 https://www.wkzy.net/game/180973.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务