Показать сообщение отдельно
  #2 (permalink)  
Старый 07.02.2021, 06:48
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 1,135

<div id="mydiv" contenteditable="true" tabindex="0"></div>
<style>
div{
width:25%;
height:25%;
background: green;
word-wrap: break-word;
overflow-y: auto;
}
span{
color: red;
}
</style>
<script>
document.getElementById("mydiv").addEventListener('keydown', event => {
	document.getElementById("mydiv").insertAdjacentHTML('beforeend',"<span style='color:red;'>red</span>");
	event.preventDefault();
});
</script>


<div id="mydiv" contenteditable="true" tabindex="0"></div>
<style>
div{
width:25%;
height:25%;
background: green;
word-wrap: break-word;
overflow-y: auto;
}
span{
color: red;
}
</style>
<script>
document.getElementById("mydiv").addEventListener('keydown', event => {
	let sp = document.createElement('span')
	sp.textContent = 'red'
	sp.classList.add('red')
	document.getElementById("mydiv").append(sp);
	event.preventDefault();
});
</script>

Последний раз редактировалось voraa, 07.02.2021 в 06:54.
Ответить с цитированием