Меню
Что нового?

Перемещение мыши над картинкой + кнопки

flower

Новичок
Перемещение мыши над картинкой + кнопки

Код: 
<html><body>

<div id=msg></div>

<img width=400 height=400 onmousedown="down();" onmouseup="up();" onmousemove="move();" ondragstart="return false";>

<script language=javascript>

var flag='up';

function down()
	{
	flag='down';
	document.all.msg.innerHTML='мышь нажата';
	}

function up()
	{
	document.all.msg.innerHTML='мышь отпущена';
	flag='up';
	}


function move()

	{
if (flag=='down')
		{
	document.all.msg.innerHTML='мышь едет';
		}
	}
</script>


</body></html>
У меня (XP SP1, IE6) нормально обрабатывает нажатие, перемещение и отпускание после перемещения. А у других (XP SP2, IE6, 7) после перемещения отпускание мышки уже не обрабатывает. В чём может быть дело?
 

algo

To the stars!
Re: Перемещение мыши над картинкой + кнопки

1. Не используй document.all.[..]
Вместо этого document.getElementById("[...]")

2. language=javascript тоже не используй

3. Отлаживай в Firefox + Firebug все.

Удачи!
 

kruglov

Новичок
У меня сейчас с висте ие7 ваш пример работает нормально. Может, они перемещают или отпускают за пределами картинки. Последите за маусаутами, например. Попробуйте позапрещать выделение не только для картинки, но и для всего документа.
 

SelenIT

IT-лунатик :)
Проблема в том, что для картинок (как и для ссылок) при тягании зажатой мышки запускается стандартный драг-н-дроп (позволяющий, например, перетащить адрес картинки в адр. строку браузера). В IE работает благодаря блокировке ondragstart, в др. браузерах такого события просто нет. Вот здесь пара вариантов решения...
 
Войдите или зарегистрируйтесь для ответа.
Сверху