javascript实现前端成语点击验证优化
(编辑：jimmy 日期: 2024/5/8 浏览：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;
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
下一篇：vue各种事件监听实例(小结)