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

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

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