如何调用onclick以获得更多href，而不仅仅是触发最后一个-嵌入式javascript模板

Question

如何调用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;

Answer 1

使用ejs的正确语法是：

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

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

或与es6一起使用，您可以简单地尝试：

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

编辑

根据您在小提琴中的代码，其中缺少script标签。我已经验证过可以同时使用HTML和EJS这两种类型的文件

<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>

Answer 2

找出：）

if we define a function like this
<% 
generateEvent = function (eventName, eventType ){
//do something
} 
%>

//**and call it in HTML**
<div class="Class1"> 
    <a href="some_url" onClick='generateEvent("b1","b")' class="Text" data-value="B">hhh</a>
</div>
 //it will work

ps.s。 tnx @Bilal Siddiqui