如何添加按钮来激活 Annyang JS？答案

【问题标题】：How do I add a button to activate Annyang JS?如何添加按钮来激活 Annyang JS？
【发布时间】：2016-11-19 01:26:04
【问题描述】：

很抱歉这个菜鸟问题，但我的 JS 技能非常有限。所以我在我的网页上实施安阳。它与页面一起加载，但我更愿意添加一个按钮来激活它。这是我到目前为止所拥有的：

<script>
if (annyang) {
    // Let's define a command.
    var commands = {
        'hello': function() { 
            alert('Hello, You can now speak to navigate around this website. Try it now by saying "Contact"'); 
        },
        'goodbye': function() { 
            alert('Goodbye!');
        },
        'contact': function() { 
            window.location.href='../contact-us/'; 
        },
    };

    // Add our commands to annyang
    annyang.addCommands(commands);

    // Start listening.
    annyang.start();
}
</script>


<button class="btn btn-secondary-alt view-more" onclick="annyang.start();">SPEAK NOW</button>

提前感谢您的帮助

【问题讨论】：

标签： javascript annyang

【解决方案1】：

只需删除脚本中的annyang.start()。当 annyang 准备好时，那条线路已经调用了它。

【讨论】：

【解决方案2】：

不确定您要问什么，但看起来应该可以。最好将内联 javascript 也移动到您的脚本中。

而不是 onclick="annyang.start(); 做类似的事情：

// if you are not using jQuery
var annyangBtn = document.querySelectorAll(".annyang-btn");
annyangBtn.addEventListener("click", annyang.start(), false);

【讨论】：