0

Как кликнуть по td элементу?

document.getElementById('zz').click(); 

Не работает. Судя по всему по такому элементу кликнуть скриптом нельзя, есть костыль какой-то?

Гугл не помог

upd: Нужно инициировать клик по элементу, сайт открывается в WebView JavaFX.

upd2: если кликнуть в консоли браузера, возвращает undefined

8
  • jsfiddle.net/d5aotfqx у меня всё работает
    – user33274
    24 мая 2016 в 16:17
  • мне нужно кликнуть по нему, функция на сайте уже задана
    – jessez
    24 мая 2016 в 16:23
  • Запустить мышинное событие щелчка c координатам td (середины) можно? fireEvent(new MouseEvent(...)) в JavaFX? или в javascript event.initMouseEvent(...)?
    – Sergey
    24 мая 2016 в 17:44
  • @Sergey спасибо за наводку, сейчас попробую и отпишусь
    – jessez
    24 мая 2016 в 17:57
  • @Sergey что-то до меня никак не дойдет, как координаты элемента получить..
    – jessez
    24 мая 2016 в 18:35

3 ответа 3

3

Дело в том, что в отличие от простого вызова функции, у событий есть фазы всплытия или туннелирования(в данном случае только всплытия). Поэтому вызвать простое выполнение функции недостаточно, как это делается с помощью click(), т.к. на уровнях выше могут быть еще перехватчики.

Нашел такой ответ: http://darktalker.com/2010/07/manually-trigger-dom-event/

/**
 * trigger a DOM event via script
 * @param {Object,String} element a DOM node/node id
 * @param {String} event a given event to be fired - click,dblclick,mousedown,etc.
 */
var fireEvent = function(element, event) {
    var evt;
    var isString = function(it) {
        return typeof it == "string" || it instanceof String;
    }
    element = (isString(element)) ? document.getElementById(element) : element;
    if (document.createEventObject) {
        // dispatch for IE
        evt = document.createEventObject();
        return element.fireEvent('on' + event, evt)
    }
    else {
        // dispatch for firefox + others
        evt = document.createEvent("HTMLEvents");
        evt.initEvent(event, true, true); // event type,bubbling,cancelable
        return !element.dispatchEvent(evt);
    }
}

Этот код уже заставляет событие выполнится полноценно, вместе с фазой всплытия.

Пример:

var fireEvent = function(element, event) {
    var evt;
    var isString = function(it) {
        return typeof it == "string" || it instanceof String;
    }
    element = (isString(element)) ? document.getElementById(element) : element;
    if (document.createEventObject) {
        // dispatch for IE
        evt = document.createEventObject();
        return element.fireEvent('on' + event, evt)
    }
    else {
        // dispatch for firefox + others
        evt = document.createEvent("HTMLEvents");
        evt.initEvent(event, true, true); // event type,bubbling,cancelable
        return !element.dispatchEvent(evt);
    }
}
$(document).ready(function(){
    $("td").click(function(){
        $(this).toggleClass("red");
    });
    
    $("table").click(function(){
        $(this).toggleClass("blue");
    });
    
    // Trigger the event.
    fireEvent($("td")[0], 'click');

});
td{
  padding:30px;
  border:1px solid #000;
}
.red{
  background:red;
}
.blue{
  background:blue;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table> 
<tr> 
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>

1
  • Спасибо большое, но это немного не то, что мне было нужно! Решение уже нашел, еще раз спасибо
    – jessez
    25 мая 2016 в 22:12
1

После двухдневных пыток гугла, чисто случайно нашел подсказку, которая мне помогла. По элементу удалось кликнуть выполнив две следующих строчки кода

browserEngine.executeJavaScript("document.getElementById('event5808638win1').onmousedown();");
browserEngine.executeJavaScript("document.getElementById('event5808638win1').onmouseup();");
2
  • "Две следующих строчки кода". Не выдумывайте лишних терминов :)
    – user181100
    26 мая 2016 в 18:08
  • @D-side спасибо :))
    – jessez
    27 мая 2016 в 11:50
-2

Используй jquery:

 $('table').on('click', 'td', function(){
    alert("sdffsd");
  });
4
  • Мне нужно кликнуть по элементу, через WebView в Java. Я хочу написать бота, но кликнуть по тд элементу не могу.
    – jessez
    24 мая 2016 в 16:22
  • Это следит за событиями, но не инициирует их.
    – user181100
    24 мая 2016 в 16:38
  • @jessez укажите это в вопросе. Возможно, из Java/WebView это будет сделать даже проще.
    – user181100
    24 мая 2016 в 16:40
  • @D-side указал, спасибо. Но сомневаюсь, что это будет действительно проще. Уже не первый день гуглю, ничего не нашел, что может помочь. Если в консоли браузера кликнуть, возвращает undefined
    – jessez
    24 мая 2016 в 16:50

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.