HTML和如何获得一个按钮重置到原始状态后,点击

html and how to get a button to reset to original state after click

本文关键字:原始 原始状 状态 点击 按钮 何获得 一个 HTML      更新时间:2023-09-26

我将使用我在网上找到的一个按钮:

http://codepen.io/ibrahimjabbari/pen/ulbek

点击后,它没有重置到原来的状态,我该怎么做?

<nav class="ij-effect-2">

当你点击页面的其他位置时它会重置为原始状态但我希望在点击后自动完成

我可能有一个解决方案:

function fireClick(node){
    if ( document.createEvent ) {
        var evt = document.createEvent('MouseEvents');
        evt.initEvent('click', true, false);
        node.dispatchEvent(evt);    
    } else if( document.createEventObject ) {
        node.fireEvent('onclick') ; 
    } else if (typeof node.onclick == 'function' ) {
        node.onclick(); 
    }
}

可以通过调用click on body来触发点击。用fireClick(document.body)。来源:http://www.nonobtrusive.com/2011/11/29/programatically-fire-crossbrowser-click-event-with-javascript/