javascript - 单击图像时如何调用javascript函数？

Question

如何调用 js 函数使其在点击图像上工作？

$("#closeButton").click(function () {
   $("#sheet").css("display", "none");
});

图片代码？

<img src="images/divclose.png" alt="*"  onclick="function()"/>

Answer 1

1. 添加一个 ID（删除你的 onclick 东西）：

   <img src="images/divclose.png" alt="*" id="closeButton" />
   

2. 写这个（注意，如果你已经有了外部函数，你就不再需要它了）；

   $(function () {
     $("#closeButton").click(function () {
       $("#sheet").css("display", "none");
     });
   });
   

3. 现在，去阅读初学者教程、书籍或其他任何东西。学习基础知识；）

Answer 2

您尝试使用代码中的 id 访问图像，但图像元素上没有任何 id。只需添加它，它就会起作用（前提是您的代码在readyorload事件中，以便元素在运行时存在）：

<img src="images/divclose.png" alt="*" id="closeButton"/>

onclick如果要使用 jQuery 绑定事件，则元素上不要有任何属性。jQuery 的事件模型有些不同，并且可能与普通的 DOM 事件发生冲突。

Answer 3

标签必须具有“id”，您可以使用您描述的相同方法

Answer 4

我假设您想使用 jquery，因此您应该查看 jquery 文档。

您所做的是声明一种“老式”纯 JavaScript 方式来调用"function()"点击。

因此，您需要以老式方式在 javascript 本身中声明函数“函数”。

使用 jquery 和您的代码，您只需将您的 id 分配给您的图像。

<img src ="foo.png" id="closeButton"/>

它应该可以工作。