javascript - goRatchet 框架中的切换按钮

Question

任何人都可以向我展示棘轮框架中切换按钮的代码吗？我的意思是如果切换按钮启用{做某事}其他{做其他事情}。我在网络上没有找到它。

<div  id="myToggle" class="toggle active">
        <div class="toggle-handle"></div>
    </div>  
    <script type="text/javascript" charset="utf-8">
    document.querySelector('#myToggle').addEventListener('toggle', myFunction)
    function myFunction()
    {
        if(document.getElementById("myToggle").className == 'toggle active')
        {
        document.getElementById("demo").innerHTML="ON";
        }
        else
        {
        document.getElementById("demo").innerHTML="OFF";
        }

    };
    </script>

对于面临问题的其他人。上面的代码对我有用。

Answer 1

Function 接收事件对象，其中包含有关切换状态的信息。尝试这样的事情:

function myFunction(e) {
    if(e.detail.isActive) {
        document.getElementById("demo").innerHTML="ON";
    } else {
        document.getElementById("demo").innerHTML="OFF";
    }
};