从.ascx文件调用Javascript函数

Question

我有一个名为“ change2（）”的javascript函数，该函数在.ascx页面的脚本标签中定义。
我想从img标签的onclick事件调用该函数（注意：img标签也在同一页上）。
必须将img标签仅用于图像。
我尝试了以下所有方法，但不幸的是，它对我不起作用。

Test.ascx

    <script language="javascript" type="text/javascript">
        function change2() {
            alert("Hi");
        } 
    </script>




  <table>
        <tr>
          <td class="list">
               Most liked
          </td>
          <td>
              <img id="imgLkU" src='<%# WebHelper.GetBaseURL(Request) + "/images/slide_btn_down.png"%>'class="icon_right_panel" runat="server" onclick="change2();" alt="Slider" />
           </td>
          </tr>
     </table>

第二种方式：

<table>
            <tr>
              <td class="list">
                   Most liked
              </td>
              <td>
                  <a href="#" onclick="change2();"><img id="imgLkU" src='<%# WebHelper.GetBaseURL(Request) + "/images/slide_btn_down.png"%>'class="icon_right_panel" runat="server"  alt="Slider" /></a>
               </td>
              </tr>
         </table>

请给我您的建议，以便从同一页面调用javascript函数。

Answer 1

如我所见， img id是imgLkU ，因此，您可以将事件“从外部”订阅，而不是在img标签本身中包括该调用，即像使用$ .on （或$ .click ）一样进行操作像这样：

$.on('click','#imgLkU', function() { change2(); });
// or equivalent  $.on('click','#imgLkU', change2);

要么

$.('#imgLkU').click(function() { change2(); });
// or equivalent $.('#imgLkU').click(change2);

在同一脚本标签中定义change2之后change2执行此操作。

我还建议您在change2 调用的函数表达式中进行change2定义和事件订阅，以避免污染全局javascript名称空间。

(function() { 
   // define and subscribe here
 })();

Answer 2

因为您的所有元素都具有runat="server" ，所以它们的onclick属性保留给后端代码actionlistener，它将在回发时执行。

保留onClientClick属性，以允许您仍将javascript“侦听器”附加到客户端onclick 。

请记住，如果还连接了onclick侦听器， onClientClick处理函数返回false将防止发生回发。 （ onClientclick在启动回发之前执行）

尝试这个 ：

<img id="imgLkU" src='<%# WebHelper.GetBaseURL(Request) + "/images/slide_btn_down.png"%>'class="icon_right_panel" runat="server" onclientclick="change2();" alt="Slider" />

Answer 3

可以从document.ready函数直接调用以下函数

$(function () {
    $('#imgLkU').click(function () {
        //do what ever you want
    })
});

Answer 4

首先，因为您已经在使用服务器标记来设置URL，所以请在图像上删除runat="server" 。 如果仍然要使用runat="server" ，则可以：

1：将img更改为<asp:Image>标记，并使用ImageSource而不是src和OnClientClick而不是onclick 。

2：在后面的代码中设置src属性。

之后，任何点击方法-从您的问题到所有答案-都应该起作用。

如果仍然没有显示警报，则开始删除代码，直到出现警报为止，然后从那里开始工作。