onClick eventlistener в JS без использования функции onclick в HTML

У меня есть файл html и js-файл. Я хочу выполнить JS, когда на кнопку щелкнуть по html. для этого я могу использовать событие onclick в html, но условие в том, что я не должен изменять файл HTML.onClick eventlistener в JS без использования функции onclick в HTML

Я попытался добавить eventlistener в свой JS, но это не сработало.

<p align=center> 
    <button class="stdbutton" id=button2 name=button2> 
     Click Me 
    </button> 
</p>

$("button2").click(function() { 
    alert("button2 clicked"); 
});

смотрите по ссылке скрипки для дальнейшего использования: http://jsfiddle.net/gqpr0g9w/

Заранее спасибо

источник

2016-01-25 vinod kumar

Ваш вопрос отмечен jQuery, но ваша скрипка использует Mootools ... Я в замешательстве. Если вы измените скрипт на jQuery и исправьте селектор, чтобы добавить '#', тогда он отлично работает: http://jsfiddle.net/gqpr0g9w/2/ –

@RoryMcCrossan: Я думаю, что вы поняли это правильно .. почему ты не хочешь сделайте свой комментарий как ответ .. –

На самом деле это не ответ, который поможет кому-либо в будущем, поэтому, если бы это разрешило его, было бы лучше всего, чтобы OP просто удалил этот вопрос. –

-1

Ну, вы пытаетесь использовать JQuery, но нет Jquery не включено в вашем html- Файл. На самом деле нет никакого сценария включены в HTML на всех, как

<script src="lib/jquery-2.1.4.min.js"></script> 
<script src="js/myJavaScript.js"></script>

Я не думаю, что вы будете в состоянии сделать это без изменения HTML-файл.

источник

2016-01-25 13:29:15 Herbie

Попробуйте FIDDLE,

В принципе первый вопрос с вашей скрипкой был вы используете библиотеку JS, кроме JQuery. Код JQuery не будет выполняться без ссылки на библиотеку jquery.

Во-вторых вы используете неверный селектор,

$("button2")

вы можете заменить это селектор идентификатора на основе (# Селектор) в соответствии с разметке

$("#button2")

И, наконец, попробовать обертывание код под закрытием jQuery под document ready event, который обеспечит присоединение события, когда связанный объект будет загружен в браузере.

Наконец будет становится

$(document).ready(function() { 
    $("#button2").click(function() { 
    alert("button2 clicked"); 
    }); 
});

Надеется, что это работает для вас ..

источник

2016-01-25 13:33:37 Mayank

Включите JQuery в вашем jsfiddle. Используйте одну из ниже, чтобы прикрепить слушатель событий для мыши с помощью JQuery

$("#button2").on("click", function() { 
    alert("button 2 clicked"); 
});

или

$("#button2").click(function() { 
    alert("button2 clicked"); 
});

источник

2016-01-25 13:34:01

случая JQuery включен в HTML: файл - расслоение плотной

$("#button2").click(function() { 
    alert("button2 clicked"); 
});

// обратите внимание на символ # перед словом «button2», представляющий то, что мы ищем Идентификатор

случае Jquery не включена в HTML:

<script src="lib/jquery-2.1.4.min.js"></script> 
<script src="js/myJavaScript.js"></script> 
JQuery скрипт сначала должен быть включен , а затем вы можете выполнить один и тот же код, как показано выше.

источник

2016-01-25 16:11:55

onClick eventlistener в JS без использования функции onclick в HTML

ответ

Смежные вопросы