Question

我不确定如何检查图像是否已在JavaScript中单击，然后向读者发出警告（） if 和如果图像已经点击。然后，读者将被发送到另一个网页。除了图像点击检查之外，我有所有这些组件。另外，JQuery最适合这个吗？如果是这样，我如何将其实现为HTML？

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

Answer 1

<强>答案

没有jQuery不会是最好的＆＃39;这里有一个简单的要求，它是最好的＆＃39;当它节省时间，精力或处理能力。这可以使用vanilla Javascript轻松完成，如下所示：

<强>代码

SELECT 
        SUM(upvote) numupvotes, 
        SUM(downvote) numdownvotes,
        SUM(starred) numstars
FROM threadvote t
WHERE t.postid = postId

最后的注释

简单的东西在这里，我的朋友，你在问之前是否找了你的问题？

Answer 2

1）为您的图片分配一个ID：

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

2）绑定事件点击：

$('#my_image').click(function() {
     alert( "blabla" );
});

Answer 3

使用jQuery，您可以使用$.fn.click和window.location。

如果您想在点击图片时发出提醒：

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

如果您希望对图像子集进行操作，请在目标图像中添加一个类：

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

并将其用作selector

$('.click-redirect').click(function() { ... });

Answer 4

纯JS的HTML

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

纯JS

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

JS库的HTML

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

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

jQuery （我的推荐）

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

<强>道场

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

<强>锐

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

<强> MooTools的

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

<强>的Zepto

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

<强>原型

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