2020
10-08
10-08
javascript实现前端成语点击验证优化
对上一篇前端成语点击验证博客进行优化，主要优化事项有：1.点击时，加上序号显示点击的顺序2.当验证成功时，不能再点击文字。主要优化的代码如下JS部分://事件委托varverifyArr=[];varstr=null;vartimer=null;vara=0;varidiomBox=document.querySelector('.idiom_box');clearTimeout(timer)idiomBox.onclick=function(e){e.target?e.srcElement:e.target;console.log(e.pageX);console.log(e.offs...
继续阅读 >
本文实例为大家分享了javascript实现前端成语点击验证的具体代码，供大家参考，具体内容如下首先先看看效果图吧需求分析：1.随机生成成语，成语的位置随机分布，并渲染在页面上。2.点击文字的有效区域，依次点击，并将点击的文字依次保存在数组中，然后和之前生成的成语进行比较，如果相等，则验证成功，否则验证失败，重新刷新页面。代码实现：首先html的布局<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><meta...