JavaScript-如何查看是否已单击图像

我不知道如何在JavaScript中检查图像是否被点击，然后在图像被点击的情况下向读者发出警告。然后，读者将被发送到另一个网页。我有所有这些组件，除了图像点击检查。另外，JQuery是否最适合这种情况？如果是这样，我如何将其实现为HTML

<a href="cca.html">
<img src="ccover.jpg" style="length:25%;width:25%"></img>
</a>

---

回答

对于这样一个简单的需求，jQuery在这里不是“最佳”的，它在节省时间、精力或处理能力时是“最佳”的。这可以通过香草Javascript轻松完成，如下所示：

代码

var image = document.getElementById("image");
image.onclick = function(e) {
  window.alert("Something");
  window.location.href = "www.anotherwebpage.com";
}

Event.observe( $('clicker'), 'click', function () { alert ('Clicked it!'); });

最后一个音符

var image = document.getElementById("image");
image.onclick = function(e) {
  window.alert("Something");
  window.location.href = "www.anotherwebpage.com";
}

Event.observe( $('clicker'), 'click', function () { alert ('Clicked it!'); });

---

这里有一些简单的东西，我的朋友，你在问问题之前有没有考虑过你的问题？

回答

对于这样一个简单的需求，jQuery在这里不是“最佳”的，它在节省时间、精力或处理能力时是“最佳”的。这可以通过香草Javascript轻松完成，如下所示：

代码

var image = document.getElementById("image");
image.onclick = function(e) {
  window.alert("Something");
  window.location.href = "www.anotherwebpage.com";
}

Event.observe( $('clicker'), 'click', function () { alert ('Clicked it!'); });

最后一个音符

var image = document.getElementById("image");
image.onclick = function(e) {
  window.alert("Something");
  window.location.href = "www.anotherwebpage.com";
}

Event.observe( $('clicker'), 'click', function () { alert ('Clicked it!'); });

这里有一些简单的东西，我的朋友，在问问题之前，你有没有寻找你的问题？

1）为你的图像指定一个id：

<img id="my_image" src="ccover.jpg" style="length:25%;width:25%"></img>

1） 为图像指定一个id：

<img id="my_image" src="ccover.jpg" style="length:25%;width:25%"></img>

---

使用jQuery，您可以使用and

如果要在每次单击图像时引发警报：

$('img').click(function() {
    alert('Image clicked!');
    window.location = 'http://example.com';
});

如果希望对图像子集执行操作，请向目标图像添加一个类：

<img class="click-redirect" ...

---

使用jQuery，您可以使用and

如果要在每次单击图像时引发警报：

$('img').click(function() {
    alert('Image clicked!');
    window.location = 'http://example.com';
});

如果希望对图像子集执行操作，请向目标图像添加一个类：

<img class="click-redirect" ...

---

纯JS的HTML

<a href="#" onclick="doSomethingOnClick()" >Click it</a>

function doSomethingOnClick (){ alert( 'Clicked it!' ); }

---

用于JS库的HTML

$( 'clicker' ).addEvent('click', function(){ alert('Clicked it!'); });

对于JS库，您需要一个包装函数来让代码正常工作。了解和使用JS库很好。如果你有一些小东西需要js来处理，那么你不应该加载大量你不会使用的数据

<a id="clicker" href="#" >Click it</a>

Dojo

require(["dojo/on", "dojo/dom"], function(on, dom){ on( dom.byId("clicker"), "click", function(){ alert( 'Clicked it!' ); } ); });

$( '#clicker' ).on('click', function(){ alert( 'Clicked it!' ); });

YUI

$( '#clicker' ).on('click', function() { alert( 'Clicked it!' ); } );

MooTools

$( 'clicker' ).addEvent('click', function(){ alert('Clicked it!'); });

Zepto

require(["dojo/on", "dojo/dom"], function(on, dom){ on( dom.byId("clicker"), "click", function(){ alert( 'Clicked it!' ); } ); });

$( '#clicker' ).on('click', function(){ alert( 'Clicked it!' ); });

原型

var image = document.getElementById("image");
image.onclick = function(e) {
  window.alert("Something");
  window.location.href = "www.anotherwebpage.com";
}

Event.observe( $('clicker'), 'click', function () { alert ('Clicked it!'); });

---

纯JS的HTML

<a href="#" onclick="doSomethingOnClick()" >Click it</a>

function doSomethingOnClick (){ alert( 'Clicked it!' ); }

---

用于JS库的HTML

$( 'clicker' ).addEvent('click', function(){ alert('Clicked it!'); });

对于JS库，您需要一个包装函数来让代码正常工作。了解和使用JS库很好。如果你有一些小东西需要js来处理，那么你不应该加载大量你不会使用的数据

<a id="clicker" href="#" >Click it</a>

Dojo

require(["dojo/on", "dojo/dom"], function(on, dom){ on( dom.byId("clicker"), "click", function(){ alert( 'Clicked it!' ); } ); });

$( '#clicker' ).on('click', function(){ alert( 'Clicked it!' ); });

YUI

$( '#clicker' ).on('click', function() { alert( 'Clicked it!' ); } );

MooTools

$( 'clicker' ).addEvent('click', function(){ alert('Clicked it!'); });

Zepto

require(["dojo/on", "dojo/dom"], function(on, dom){ on( dom.byId("clicker"), "click", function(){ alert( 'Clicked it!' ); } ); });

$( '#clicker' ).on('click', function(){ alert( 'Clicked it!' ); });

原型

var image = document.getElementById("image");
image.onclick = function(e) {
  window.alert("Something");
  window.location.href = "www.anotherwebpage.com";
}

Event.observe( $('clicker'), 'click', function () { alert ('Clicked it!'); });

---

---

你的密码在哪里？你到底想要什么“警报”？或者“重定向到其他页面”？点击图片。将点击事件绑定到图片，我看不出你的问题出在哪里？？？取决于你对JQuery的使用情况，如果你只是打算使用JQuery，我建议使用JavaScript而不是JQuery，如果你已经在页面上使用JQuery（同一页面），JQuery更好。所以这要视情况而定。@A.Wolff谢谢你提供的信息，但是你能详细说明一下如何以最好的方式做到这一点吗？你的代码可能是重复的吗？你到底想要什么“警报”？或者“重定向到其他页面”？点击图片。将点击事件绑定到图片，我看不出你的问题出在哪里？？？取决于你对JQuery的使用情况，如果你只是打算使用JQuery，我建议使用JavaScript而不是JQuery，如果你已经在页面上使用JQuery（同一页面），JQuery更好。所以这要视情况而定。@A.Wolff谢谢你提供的信息，但是你能详细说明如何以最好的方式做到这一点吗？他问jQuery是否最适合这样做。把我的回答看作是“不”。Vincentteyssier他现在两样都有了；）@安德烈：是的，我找过了，但我的代码似乎没什么用：（，但现在我有这么多答案，：）他问jQuery是否最适合这个。把我的回答看作是“不”。Vincentteyssier他现在两样都有了；）@安德烈：是的，我找过了，但我的代码似乎没什么用：（，但现在我有了这么多答案，：）我想作者得到了他想要的东西，和平得到了。谢谢你的来信though@AndrueAnderson，通过示例和文档进行教育比只通过示例进行教育要好，imho。你的随意想法对我来说似乎也是正确的，谢谢你的评论。@Andre笔记本电脑关机，电话静音！不过，还是有很多有用的答案！我想作者得到了他想要的东西，和平得到了。谢谢你的来信though@AndrueAnderson，通过示例和文档进行教育比只通过示例进行教育要好，imho。你的随意想法对我来说似乎也是正确的，谢谢你的评论。@Andre笔记本电脑关机，电话静音！不过，还是有很多有用的答案！