Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Нуб нуждается в помощи! (https://javascript.ru/forum/events/71122-nub-nuzhdaetsya-v-pomoshhi.html)

u324217-06 27.10.2017 11:03

Нуб нуждается в помощи!
 
Здравствуйте! Мне нужно написать сценарий, при котором объект (div) при нажатии левой кнопки мыши изменил свое положение (сдвинулся влево/вправо), а при отпускании - возвращался в исходное положение.
У меня получается только двигать объект при нажатии лкм в одну сторону (т.е.второе условие не выполняется).
Помогите написать этот скрипт!
Заранее спасибо)

Nexus 27.10.2017 11:35

<div id="div">Some text</div>
<script>
	var div=document.getElementById('div');
	div.addEventListener('mousedown',function(){
		this.style.marginLeft='10px';
	},false);
	div.addEventListener('mouseup',function(){
		this.style.marginLeft=0;
	},false);
</script>

u324217-06 28.10.2017 00:58

Спасибо огромное!:thanks:

ruslan_mart 28.10.2017 04:27

<div id="myDiv">MyDiv</div>

<style>
#myDiv:active {
   margin-left: 10px;
}
</style>


Часовой пояс GMT +3, время: 00:21.