|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
15.04.2017, 13:06 | #1 |
Форумчанин
Регистрация: 19.01.2015
Сообщений: 158
|
Javascript. Наследование метода, изменение
Изучаю тонкости ООП в Javascript. В этом коде при щелчке по списку, копируется текст в вышестоящий input
Код HTML:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>События</title> <style> div, input {box-sizing:border-box; outline:none; width:150px;} .listBox, input {border:1px solid #ccc;} .listBox div:hover {background:#f0f0f0;} </style> </head> <body> <div id="s1"> <input value="" readonly> <div class="listBox"> <div>Автомобили</div> <div>Компьютеры</div> <div>Бытовая техника</div> </div> </div> <br> <button onclick="getValue()">Прочитать value из объека</button> <script> function mySelect(idx) { var el = document.getElementById(idx); var inp = el.children[0], listBox = el.querySelector('.listBox'); this.onChangeValue = listBox.onclick = function(e) { inp.value = e.target.textContent; console.log('сообщение из mySelect'); } this.text = function() {return inp.value}; } var s1 = new mySelect('s1'); function getValue() {console.log(s1.text());}//OK var parentChange = s1.onChangeValue; s1.onChangeValue = function(e) {// неудачная попытка parentChange.call(this); console.log('сообщение из внешнего мира'); }; </script> </body> </html> Вопрос: как сделать так, чтобы отловить изменение текста в input ? Т.е. я щелкаю по элементу списка, и кроме фразы "сообщение из mySelect" должна ещё появляться фраза "сообщение из внешнего мира" |
17.04.2017, 14:18 | #2 |
Форумчанин
Регистрация: 19.01.2015
Сообщений: 158
|
Решил вот таким образом:
Код:
|
25.04.2017, 09:47 | #3 |
Форумчанин
Регистрация: 19.01.2015
Сообщений: 158
|
Вариант через prototype, полная демо версия https://jsfiddle.net/9xqgLa4d/1/
Здесь работает событие onchange, можно при желании задавать поиск и т.д. Последний раз редактировалось SQLPowerUser; 25.04.2017 в 09:52. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Наследование метода от TCollection | CraZZZy-GameRRR | Общие вопросы Delphi | 1 | 20.10.2016 19:12 |
Объявление метода внутри объекта JAVASCRIPt | Kasper1 | JavaScript, Ajax | 4 | 09.03.2011 09:50 |
Javascript - классы, они есть или их нету в Javascript? | Kasper1 | JavaScript, Ajax | 3 | 05.03.2011 09:42 |
Вызов метода из метода | kuzjma | PHP | 8 | 10.12.2010 02:38 |
Динамическое изменение URL страницы в JavaScript без перезагрузки страницы | ilusha | JavaScript, Ajax | 7 | 25.02.2009 09:59 |