javascript - Javascript onclick 在点击之前不执行

Question

我在 Microsoft 框架中工作以创建一个只能包含 html 代码作为字符串的应用程序定制器。我创建了要呈现的 html，并且需要添加一些功能以通过 Microsoft Teams 提供的 javascript 方法打开链接。但主要问题是它直接触发。我通常会在方法中添加一个 addListener，但由于它必须是 .ts 文件中的 HTML，所以我不能这样做。所以我想知道除了那个方法还有什么会阻止浏览器触发我的 openLink 函数立即执行。

我也不能使用像 onClick={() => sth(1)} 这样简单的 React 代码。

我的代码：

private _renderTopBar(navData, context) {

    const { logoUrl, navigation } = navData;
    let logo = logoUrl.replace('-my', '');


    function openLink(url) {
        console.log('got executed...')
    }


    return `
        <section class="${styles.top}">
        <div class="${styles.headerRow}">
            <div class="${styles.mainHeader}">
            <div class="${styles.logoCell}"><img src="${'https://one365demo.sharepoint.com/:i:/r/Style%20Library/hublogo.png'}" /></div>
            <div class="${styles.titleCell}">
                <a href="` + openLink('http://www.telegraaf.nl') + `" id="start">Start</a>
            </div>
        </div>
        </section>
    `;
}

任何帮助将非常感激。干杯!

标签： javascript