html和javascript - 点击后如何让按钮重置为原始状态

Question

我将使用我在网上找到的按钮：

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

单击它后，它不会重置为原始状态，我该怎么做？

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

当您点击页面上的其他位置时，它会将其重置为原始状态，但我希望在点击后自动完成此操作

Answer 1

好吧，我可能有一个解决方案：

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(); 
    }
}

使用此功能，您可以通过调用单击主体来触发单击。使用fireClick(document.body)。资料来源：http://www.nonobtrusive.com/2011/11/29/programatically-fire-crossbrowser-click-event-with-javascript/