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

Posted 2023-02-02

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

编辑

根据您在小提琴中的代码，其中缺少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>

另一答案

找出：）

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