javascript - 如何在不触发最后一个的情况下调用更多 href 的 onclick - 嵌入式 javascript 模板

标签 javascript onclicklistener ejs

点击时如何调用onclick触发函数?

我在嵌入式 javascript 模板中定义了几个需要触发 onclick 的元素 (href) ...问题是当页面加载不是点击时触发的函数。

<%
    function generateEvent( eventName, eventType ){
        //do something
      }

  %>     

    <div class="someClass"> 
       <a href="someUrl"  onclick ="<%{generateEvent('x','y')}; %>;" class="Text" data-value="BI"></a>&nbsp;|&nbsp;


         <a href="someUrl"  onclick ="<%{generateEvent('x','y')}; %>;" class="Text" data-value="FI"></a>&nbsp;|&nbsp;

最佳答案

ejs 正确的语法是:

onclick = "<%= generateEvent('x','y') %>"

您需要在您的 html 元素中替换它。

或者使用 es6,你可以简单地尝试:

onclick = { generateEvent('x','y') }

编辑

根据您在 fiddle 中缺少 script 标记的代码。我已经验证这可以与 HTMLEJS 这两种类型的文件一起使用

<script>

function generateCustomEvent (eventName, eventType ) { 
   alert("do somethink"+eventName+eventType);
}

</script>

<div class="Class1"> 
    <a href="some_url" onclick = {generateCustomEvent('x','y')} class="CoveoText" data-value="B">hhh</a>
</div>

关于javascript - 如何在不触发最后一个的情况下调用更多 href 的 onclick - 嵌入式 javascript 模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58639377/

相关文章:

javascript - Expressjs ejs fn.apply 错误 'View is not a constructor'

javascript - 如何创建一个简单的 slider ?

javascript - 如何使用 React 从本地主机上运行的 API 加载和显示数据

javascript - 如何嵌入带有侧边栏的 youtube 播放列表

android - 在 ACTION_MOVE 之后调用 ACTION_UP

javascript - 如何防止多次单击/点击的默认处理?

javascript - jQuery deferred.notify 不工作

java - 多个按钮的onClick函数

javascript - 将对象数组从 EJS 模板传递到 Javascript 函数?

node.js - 获得喜欢的帖子的 id - Node.js Express Socket.io