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

站长资源 2024/11/6 佚名

53 1538 53

相思资源网 Design By www.200059.com

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

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;
}


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

js前端成语点击验证,js成语点击验证,js成语验证

标签：