Показать сообщение отдельно
  #4 (permalink)  
Старый 21.10.2018, 18:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,084

ReadyStady,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>

<body>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>

<button class="TestButton" data-test="TestValue">Тестовый клик</button>

<script>

class Test{

	constructor(){
		this.someParam = '123';
		this.elementsome = $('.TestButton');
		this.initEvent();

	}

	// Прикручиваем слушатель событий
	initEvent(){

		var someVar = 'Test'; // Как передать значение внешней переменной в контексте события клика на элементе (кнопка)

		this.elementsome.on('click', {someParam : this.someParam, someVar : someVar},function(event){

				console.log($(this).data('test')); // Получаем "TestValue"

				console.log(event.data.someVar); // Сейчас сюда передается некий объект. Предполагалось, что здесь будет значение "Test"

				console.log( event.data.someParam ); // Как получить значение этого свойства при запуске данной функции?

			}
		);

	}

}

new Test();

</script>

</body>
</html>
Ответить с цитированием