JavaScript on Click 事件在 img 标签上无法正常工作

javascript on click event is not working fine on img tag

本文关键字：常工作 工作 Click on 事件 标签 img JavaScript      更新时间：2023-09-26

>我正在尝试使用以下代码在图像单击时打开链接

 <img src="AllScripts/SliderImages/images/1Main.png" alt="" title="" onclick="openSliderImage(id);"  onmouseover="this.style.cursor='hand'"  width="800px" height="300px" id="http://www.google.com" />
它

工作正常，但是当使用c#生成图像时，使用response.write代码编写代码时，它不起作用，并继续以下链接

http://localhost:1234/AllScripts/SliderImages/images/1Main.png

Follwoing代码用于编写html

 <% {
                               Response.Write(SlidingImages);
                       }
                    %>

我知道它选择image src而不是image id图像点击，但为什么？这是javascript函数

 function openSliderImage(id) {
            alert(id);
            window.open(id, '_blank');
        }

使用这样的 id 打开链接似乎是一种黑客。我只会将 url 输出到它必须作为函数的参数直接打开的链接。

<img id="googleImg" onclick="openSliderImage('http://www.google.com');" src="AllScripts/SliderImages/images/1Main.png" alt="" title=""   onmouseover="this.style.cursor='hand'"  width="800px" height="300px" />

您的代码无法运行，因为它将查找名为"id"的 javascript 变量。

更改 ID（因为您引用的是名为 id 的 JavaScript 变量，所以您希望定位图像 ID，然后使用 this.id 

<img src="AllScripts/SliderImages/images/1Main.png" alt="" title="" onclick="openSliderImage(this.id);"  onmouseover="this.style.cursor='hand'"  width="800px" height="300px" id="http://www.google.com" />

我还会说你可以删除鼠标悬停并使用CSS（如果使用IE7+）img：hover进行设置（或者设置一个cssClass，这样你就不会看到所有的图像都是目标）。

相关文章：