JavaScript - Щелчок по изображению на веб-сайте

#javascript

Вопрос:

Используя JavaScript, как я могу щелкнуть по изображению на веб-сайте.

РЕДАКТИРОВАТЬ: Это код изображения.

 <div class="comment_gravatarn">
<a target="_parent" href="http://www.example.com">
<img src="image.160x160.jpg" alt="Example Text" title="Example Text" width="160" sf_validated="1">
</a>
</div>

1. Вы имеете в виду, что хотите иметь изображение, которое при нажатии приведет вас к другому, внутреннему или внешнему, источнику? Или что-то другое?

2. Я могу щелкнуть по любому изображению на любом веб-сайте, не написав никакого кода.

3. src , alt и title являются атрибутами, а не тегами (ну, <title> это тег). Но как они связаны с нажатием?

Ответ №1:

Я бы использовал jQuery:

 $(function() {
    $("img[ATTR='value']").click();
});

Это общая форма, в которой вы должны изменить ATTR атрибут, который хотите найти, и заменить value известным значением. Например:

Учитывая следующий тег img:

 <img src="myImage.png" alt="AltAttr" title="MyTitle" />

Я бы, вероятно, выбрал его с помощью src :

 $(function() {
    $("img[src='myImage.png']").click();
});

Автор: alt :

 $(function() {
    $("img[alt='AltAttr']").click();
});

по названию :

 $(function() {
    $("img[title='MyTitle']").click();
});

Я рекомендую посмотреть селекторы css, поскольку именно их используют jQuery и document.querySelector() .

ССЫЛКА: Статья W3C о селекторах

1. Вам действительно не нужно использовать jQuery для чего-то такого простого, как это. Это также не улучшит производительность .

2. При обычных обстоятельствах я бы не стал использовать jQuery только для этой задачи. Учитывая содержание вопроса (или его отсутствие), я выбрал метод, который, по моему мнению, синтаксически был бы для него самым простым. Отличная ссылка, однако!

Ответ №2:

Как я могу щелкнуть по изображению с помощью JavaScript

Вы можете щелкнуть по любому изображению без javascript, используя мышь.

Но если вам нужно имитировать щелчок с помощью javascript, вы можете использовать click :

 myImage.click(); // myImage is a reference to the desired image

Ответ №3:

Здесь вы можете использовать jQuery. С его помощью вы можете выбрать изображение. Таким образом, код будет выглядеть следующим образом.

 $(document).ready(function(){

    var src = "/*Src for your image*/";

    $("img[src='" src "']").click(function(){

        //Your code here
    });
});

Вы можете увидеть пример здесь

Но я настоятельно рекомендую использовать идентификатор или класс его родителя, чтобы вы могли выбрать его с помощью :

 $("#parent_id > img").click();

И также не забудьте установить jquery перед выполнением любого из этих действий.

Ответ №4:

Это довольно просто: просто используйте .click() на изображении для имитации щелчка.

Вам пришлось бы каким-то образом выбрать изображение, например, используя document.getElementById() или document.getElementsByTagName() .

 document.getElementsByTagName("img")[0].click();

ДЕМОНСТРАЦИЯ