Как JS Обнаружить изменения в HTML, такие как ввод ctr + shift + i?

Question

Здесь - сайт, который я сейчас разрабатываю. В качестве вызова для пользователя мы просим его использовать ctrl + shift + i для взаимодействия с HTML и изменения некоторых элементов.

Как Javascript или html / css могут обнаружить, что они изменили это?

то есть

<div>
  <p>This is placeholder text</p>
</div>

Мы хотим, чтобы они изменили этот заполнитель на что-то конкретное c, а затем предоставили им доступ к новой странице.

Answer 1

Как указано в комментариях, можно загрузить содержимое элемента по умолчанию при загрузке страницы, а затем периодически сканировать на наличие изменений

window.onload = () => {
  let changeCheck = document.querySelector('#this_should_change'); // get the element
  let oL = changeCheck.innerHTML; // load the default values
  let check = setInterval(() => {
  	if (changeCheck.innerHTML !== oL) { // if the values are different from the values on load
    	alert("Stuff changed"); // your code
      clearTimeout(check);	// clear the interval so that it does not repeat itself
    }
  }, 100); // this will check the element every second
};

<p id="this_should_change">
  Foo
</p>