Проблема с постоянным откликом функции на событие

zm_sansan · May 25, 2012

При проведении курсора по холсту должна рисоваться точка, в текущей позиции курсора. И таким образом рисуется какая-нибудь кривая.

Но рисование точки производится однократно, только при наведении курсора на холст.

Вот не знаю как заставить откликаться функцию на событие постоянно. Т.е. надо чтобы было так - я вожу курсором над холстом, и рисуется кривая таким образом

Пожалуйста, помогите)

Вот код


<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>canvas</title>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>

<body onLoad="draw_cl()">
<header>
<h1 align="center">canvas!!!</h1>
</header>
<center>
<canvas id="b" height="0" width="0" style="border: 2px dashed red"></canvas>
<img href="" name="picture">
</center>
</body>
</html>

<script type="text/javascript">
var canvas = document.getElementById("b");
canvas.width=500; //ширина холста
canvas.height=375; //высота холста
var context = canvas.getContext("2d");
function draw_cl(){
	//получаем позицию курсора относительно холста
	function mousePageXY(e){
	var x = 0, y = 0;
	if (!e) e = window.event;
	if (e.pageX || e.pageY)
	{
		x = e.pageX;
		y = e.pageY;
	}
	else if (e.clientX || e.clientY)
	{
		x = e.clientX + 
		(document.documentElement.scrollLeft || document.body.scrollLeft) - 
		document.documentElement.clientLeft;
		y = e.clientY + 
		(document.documentElement.scrollTop || document.body.scrollTop) - 
		document.documentElement.clientTop;
	}
	x -= canvas.offsetLeft;
	y -= canvas.offsetTop;
	return {"x":x, "y":y};
	}

	canvas.addEventListener("mouseover",paint,false); //добавляем события клика по холсту
	//рисуем
	function paint(e){
	var mc = mousePageXY(e);
	context.fillRect(mc.x-2.5, mc.y-2.5, 2, 2);
	}	
}
</script>

Edited May 25, 2012 by zm_sansan

MiksIr · May 25, 2012

mouseover срабатывает один раз при появлении мышки над элементом.

Логично предположить, что вам нужно другое событие, правда? :rolleyes:

zm_sansan · May 25, 2012

mouseover срабатывает один раз при появлении мышки над элементом.
Логично предположить, что вам нужно другое событие, правда?

А есть другое?

Это к примеру я привёл наведение мыши, например, постоянное нажатие ЛКМ-ом, по холсту тоже не знаю как сделать, также фиксирует лишь однократное нажатие..

Edited May 25, 2012 by zm_sansan

Avalon4eg · May 28, 2012

mousemove (onmousemove)

Sign In

Проблема с постоянным откликом функции на событие

Question

zm_sansan

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

MiksIr

Link to comment

Share on other sites

zm_sansan

Link to comment

Share on other sites

Avalon4eg

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information