При нажатии и удержании мыши заменяется картинка

[Webroller]

Здравствуйте!

Помогите пожалуйста с событием. Есть ли такое событие типа onClick, только при нажатии и удержании?

При нажатии и удержании на картинку-кнопку, будет подставлять другая картинка, а при отжатии возвращаться обратно оригинальное изображение.

Таким образом получается эффект нажатия на кнопку.

пример как в меню Apple
http://apple.com
попробуйте нажать и удержать на ссылке меню Mac например

Заранее благодарен!

[e1f]

onmousedown -- клавиша нажата
onmouseup -- клавиша отпущена

[Octane]

Только на сайте Apple используют псевдо-класс :active в CSS, а не JavaScript.

[e1f]

Ага, точно. Так даже лучше, если нужна ссылка.

[subzey]

На сайт Эппл не заходят из IE6, хехе.

[Suharik]

Здравсвуйте. Я тут сделал скриптик который при клике на ссылку прибавляет определенное число в инпуте, (вобщем простой скриптик)

Так вот, как сделать чтобы при onMouseDown (например) и удержании цифри все еще прибалялись с увеличением шага прибавления, или скоростью прибавления. Пример в ворде > абзац > отступ > там 2 стрелочки, одна прибавляет циферку другая уменьшает, а если долго подержать нажатую кнопку мыши, то циферки быстро увеличиваются или уменьшаются.

Мой скриптик выглядит так

nextNumber = function() {	

	var str =document.getElementById("price-from").value;
	RegEx=/\s/g;
	str=str.replace(RegEx,"");
   var x=  parseInt(str);
   
   x+=500000;
   document.getElementById("price-from").value = search.number_format(x, 0, '.', ' ');
 

}

ну тут получаем значение с инпута и просто прибавляем ему 500000

[exec]

Suharik,

<input type="text" id="area" value="0" />
<input type="button" value="Insert!" id="but" />
<script type="text/javascript">
var node = document.getElementById('but'),
txt = document.getElementById('area');
node.onmousedown = function () {
	x = setInterval(function () {
		txt.value++;
	},
	500);
	document.onmouseup = node.onmouseup = function () {
		clearInterval(window.x);
	}
}
</script>

Демо

[Suharik]

спасибо то что нужно. только я буду не через инпут button делать а через обычную картинку

[Suharik]

да кстати еще бы добавить событие чтобы при клике тоже прибавлялась циферка, а не только при удержании

[exec]

<input type="text" id="area" value="0" />
<input type="button" value="Insert!" id="but" />
<script type="text/javascript">
var node = document.getElementById('but'),
txt = document.getElementById('area');
node.onclick = function () {
	txt.value++;
}
node.onmousedown = function () {
	x = setInterval(function () {
		txt.value++;
	},
	500);
	document.onmouseup = node.onmouseup = function () {
		clearInterval(window.x);
	}
}
</script>