API的点击事件

最新推荐文章于 2023-07-30 09:51:17 发布

qq_44388958

最新推荐文章于 2023-07-30 09:51:17 发布

阅读量500

点赞数

本文链接：https://blog.csdn.net/qq_44388958/article/details/88832612

版权

今天我们学了一个很有意思的API功能
点击当前按钮改变当前按钮的值,其他按钮的值恢复默认值
下面来用代码实现一下

<input type="button" value="哈哈">
<input type="button" value="哈哈">
<input type="button" value="哈哈">
<input type="button" value="哈哈">

效果如图:

//获取input按钮
var inpObj = document.getElementsByTagName("input");
  //遍历每一个input按钮
  for (var i= 0;i<inpObj.length;i++){
          //为每一个按钮创建点击事件
          inpObj[i].onclick = function () {
                //把每一个点击事件在点击前恢复默认值
               for (var j = 0; j<inpObj.length;j++) {
                   inpObj[j].value = "哈哈";
                }
                //点击时改变当前按钮的值
                this.value = "呵呵";
          }
       }

效果如图: