2

Вопрос не типичный, как может показаться из названия. Есть текстовый input, куда вставляется ссылка на аватар пользователя. Ссылка вставляется из открывшейся в новом окне формы (внутри находится iframe и править нет возможности). События .on, .live и .change оказались бессильны.

Вот сам принцип:

введите сюда описание изображения

Есть ли еще какие-то способы проверки содержимого поля или его изменения?

Минимальный пример:

setTimeout("$('#test').val('link')", 1000);
$('#test').change(function(){alert('Элемент был изменен.');});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="test" type="text">

6
  • Каким образом текст вставляется в <input>? Посредством JS? Про .live() вообще лучше не вспоминать, ибо это дело устарело очень давно. on и live, кстати, - это вообще не события.
    – Regent
    12 июн 2017 в 8:37
  • По-хорошему, думаю, это окно должно само кидать событие onchange
    – andreymal
    12 июн 2017 в 8:39
  • 1
    без минимальный воспроизводимый пример ничего нельзя сказать
    – Grundy
    12 июн 2017 в 8:39
  • кроме того: .on и .live это не события
    – Grundy
    12 июн 2017 в 8:40
  • @Grundy да вроде бы всё понятно - обновляют через .value, который событий вроде не кидает
    – andreymal
    12 июн 2017 в 8:47

1 ответ 1

2

// есть текстовый инпутъ
const input = document.getElementById("input");
// куда вставляется
setTimeout(() => input.value = 'какая то шляпа', 777);
// И никак не поймать событиями..
input.addEventListener('change', () => {console.log('triggered');});    
input.addEventListener('input', () => {console.log('triggered');});
// Но можно контролировать доступ к value, если его переназначить
Object.defineProperty(input,"value",{
    get(){
        return this.getAttribute("value");
    },
    set(value){
        console.log("Поймал", value);
        this.setAttribute("value",value);
    }
});
<input id="input" />

4
  • Спасибо, сейчас попробуем применить. 12 июн 2017 в 10:44
  • Все отлично, только немного поправьте код на get: function() и set: function(value), а то jshint ругается на "Missing property name". 12 июн 2017 в 11:17
  • @AlexeyGiryayev мой eslint молчит. Я слегка погуглил на тему jshint es6 short method definition Missing property name, ничего не нашел. Может быть, имеет смысл задать на эту тему вопрос - почему ваш jshint ругается
    – Darth
    12 июн 2017 в 11:26
  • Может смысл и есть, но, меня и так все устраивает) Еще раз спасибо за помощь! 12 июн 2017 в 12:04

Ваш ответ

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

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