按钮点击触发的事件只生效一次

我就是我 2021-09-19 06:38 576阅读 0赞

朋友的一个面试题如下：

面试官问：写一个函数，使按钮点击触发的事件只生效一次？？？

你： 。。。【往下看】

方法1：

/**
            方法1: 通过设置全局变量来控制
            */
            var oBtn = document.getElementById('btn')
            var isClick = false;
            oBtn.onclick = function() {            
                if(isClick) {
    
                } else {
                    //触发的函数体
                    console.log('111')
                    isClick = true;
                }
            }

方法2：

/**
            方法2: 通过点击事件执行完，置空来控制
            */
            oBtn.onclick = function() {            
                console.log('123')
                oBtn.onclick = null;
            }

方法3：

/**
            方法3: 通过闭包fn来控制
            */
            function once(fn) {
                var result;
                return function() {
                    if(fn) {
                        fn.apply(this, arguments)
                        fn = null;
                    }
                }
            }
            
            var callOnce = once(function() {
                console.log('js')
            })
    
            oBtn.onclick = callOnce;

# 原创不易，自由转载，保留出处 #

发表评论取消回复

表情：

评论列表（有 0 条评论，576人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java的事件驱动入门（二）——点击按钮触发事件

前言生成一个圆，点击“放大”按钮，这个圆可以被放大；点击“缩小”按钮，这个圆可以被缩小。效果 ![在这里插入图片描述][20190919210705732...

港控/mmm°/ 2024年04月19日 16:21/ 0 赞/ 86 阅读

相关 Python的Tkinter点击按钮触发事件

如果要开发一个比较大的程序，那么应该先把代码封装起来，在面向对象编程中，就是封装成类先看代码： import tkinter as tk class App:

红太狼/ 2023年10月17日 22:24/ 0 赞/ 21 阅读

相关 uniapp: 防止按钮多次点击多次触发事件

[https://www.jianshu.com/p/94fccdd072c5][https_www.jianshu.com_p_94fccdd072c5] 1、在根目录下

墨蓝/ 2023年01月23日 13:49/ 0 赞/ 21 阅读

相关 vue使用echarts 点击事件点击一次触发多次

问题描述现项目中需求是切换公司就要更新地图，就需要重新渲染这个echarts图，一旦重新渲染后会出现累加情况，它会根据你渲染的次数调用点击事件，即点击一次触发多次

偏执的太偏执、/ 2022年12月16日 13:25/ 0 赞/ 285 阅读

相关 iOS 代码触发button点击事件 objective-c怎么代码触发按钮点击事件

iOS 代码触发button点击事件 objective-c怎么代码触发按钮点击事件在项目中，为了方便首次进入之后，通过button的点击事件进行切换。这边代码实现点击

红太狼/ 2022年08月20日 04:23/ 0 赞/ 305 阅读

相关 Android 按钮点击两次触发不同的事件

标题：Android 按钮点击两次触发不同的事件方案：采用flag标记的方式，每次单击标记为0，再次点击判断flag的值 package com.ldl.ui;

我就是我/ 2022年08月03日 03:16/ 0 赞/ 279 阅读

相关 click事件点击一次重复触发 (解绑事件)

今天做一个小模块，点击有一个弹框弹小窗口出来，然后点击保存竟然保存的function会执行很多次，后面打断点发现问题的根源就在每点一次弹框就会注册一次click事件，导致cli

淩亂°似流年/ 2022年05月27日 09:46/ 0 赞/ 275 阅读

相关实现js连续点击事件但最终只触发一次

实现js连续点击事件但最终只触发一次 //声明两个变量 var lastTime,num; function lo

向右看齐/ 2022年01月14日 14:53/ 0 赞/ 933 阅读

相关按钮点击触发的事件只生效一次

朋友的一个面试题如下：面试官问：写一个函数，使按钮点击触发的事件只生效一次？？？你：。。。【往下看】方法1： / 方法1: 通过

我就是我/ 2021年09月19日 06:38/ 0 赞/ 577 阅读

相关 vue模拟触发另一个按钮点击事件

vue.js 1，给另一个按钮添加ref <el-button size="small" type="primary" ref="import">导入</el-

我会带着你远行/ 2021年07月26日 15:35/ 1 赞/ 2251 阅读