为了账号安全,请及时绑定邮箱和手机立即绑定

javascript中单击按钮时切换功能

javascript中单击按钮时切换功能

慕姐4208626 2023-09-21 10:43:57
我想在 JavaScript 中单击按钮“historyBtn”时切换功能。这是代码:const expr = '';        var history = "document.getElementById('historyBtn'). clicked == true";        switch (expr) {        case history:            allMessage();            break;        default:            limit_message();        }但是当我单击按钮“historyBtn”时,我无法将函数 limit_message() 切换到 allMessage()编辑:在这种情况下,我想运行默认函数“limit_message”,然后当我单击“historyBtn”时将该函数切换到 allMessage
查看完整描述

3 回答

?
开满天机

TA贡献1786条经验 获得超12个赞

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>


    

    <body>

        <button id = "historyBtn" onclick="allMessage()">History</button>

    </body>

    <script>

        window.onload = limit_message();

        function allMessage (){

            alert ('In all messages - historyBtn clicked!');

        }

        

        function limit_message (){

            alert ('limit_message - onload');

        }

            

    </script>

</html>


查看完整回答
反对 回复 2023-09-21
?
蝴蝶不菲

TA贡献1810条经验 获得超4个赞

function hello(ishistory) {

  if (ishistory) {

    console.log("History")

  }else{

    console.log("Limit")

  }


}

<button onclick="hello(true)">history</button>

<button onclick="hello(false)">Limit</button>

只需传递一个标志即可在单击按钮时运行,如下所示。



查看完整回答
反对 回复 2023-09-21
?
千巷猫影

TA贡献1829条经验 获得超7个赞

试试这个,首先获取按钮元素,然后分配一个 eventListener 并记录单击事件:


let history = document.getElementById('historyBtn');


history.addEventListener('click', function(e){

  console.log(e)

})


查看完整回答
反对 回复 2023-09-21
  • 3 回答
  • 0 关注
  • 76 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信