javascript实现前端成语点击验证优化

(编辑：jimmy 日期: 2024/11/26 浏览：3 次 )

对上一篇前端成语点击验证博客进行优化，主要优化事项有：

1.点击时，加上序号显示点击的顺序
2.当验证成功时，不能再点击文字。

主要优化的代码如下

JS部分:

//事件委托
var verifyArr = [];
var str = null;
var timer = null;
var a = 0;
var idiomBox = document.querySelector('.idiom_box');
clearTimeout(timer)
idiomBox.onclick = function (e) {
 
 e.target "htmlcode">

.radio{
 background-color: #1abd6c;
   color: #fff;
   z-index: 9999;
   width: 30px;
   height: 30px;
   text-align: center;
   line-height: 30px;
   border-radius: 50%;
   position: absolute;
  z-index: 10;
  line-height: 30px;
  color: white;
}


以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
下一篇：vue各种事件监听实例(小结)