Question

我希望能够触发事件点击图片。像image.click（）;

这是我的元素信息：

 <img class="image" role="button" alt="" src="picture.png">

Answer 1

使用以下代码.用于class选择器

  $('.image').on('click',function(){
     $(this).remove(); // as mention by @v kind this code remove image after click.
  });

$(document).ready(function(){
  
   $('.image').on('click',function(){
      
      alert("clicked");
      $(this).remove();
     
   });
   
     $('.image').click(function(){
        alert("clicked Again");
     });

     $('.image').trigger('click'); // use trigger to fire click event on image
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<img class="image" role="button" alt="" src="https://www.google.co.in/images/srpr/logo11w.png">

Answer 2

这里不需要jQuery，使用普通的JS

document.getElementsByClassName('image')[0].addEventListener("click", function() {
    alert("a");
});

只需点击document.getElementsByClassName('image')[0].click();

即可

Answer 3

试试这个，但有很多选择：

<img class="image" role="button" alt="" src="picture.png" onclick="You clicked me">

或者您也可以这样做：

<a href="#"><img class="image" role="button" alt="" src="picture.png"></a>

Answer 4

你可以做点什么

<img class="image" role="button" alt="" src="picture.png" onclick='DoSomething()'>

或者您可以使用超链接或jquery并使用类选择器

$('.image').on('click', function(){
   $(this).remove(); // this is to remove the image if you want to
});

Answer 5

单击图像[0]

时应用

document.images[0].onclick = function() { 
  console.log("i am clicked");
}

<img class="image" role="button" alt="" src="picture.png">

如何点击（）这张图片？

5 个答案: