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 that you have read and understand our privacy policy and code of conduct.

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