ВЫДЕЛЯТОР как в виндовсе

[accept]

http://jsfiddle.net/0tfxdp3a/
помогите, не могу понять, как дальше? ? выделятор нужен точно как в виндовсе - чтоб менялась ширина/высота при перемещении слева/вверх/вниз, а не только вправо

[рони]

accept,

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo</title>
  <style type='text/css'>
    #line{
		position: absolute;
		width: 0px;
		height: 0px;
		background: rgba(0,90,255,0.25);
		border: 1px solid rgba(0,114,255,0.5);
		box-sizing: border-box;

	}
  </style>



<script>
window.onload = function() {
    var target = document.getElementById("line");
    document.onmousedown = function(e) {       
        var x = e.pageX;
        var y = e.pageY;
        document.onmousemove = function(e) {
            target.style.width = Math.abs(e.pageX - x) + "px";
            target.style.height = Math.abs(e.pageY - y) + "px";
            target.style.left = (e.pageX < x ? e.pageX : x) + "px";
            target.style.top = (e.pageY < y ? e.pageY : y)+ "px";
        }; 
        return false
    };
    document.onmouseup = function() {
        target.style.width = 0 + "px";
        target.style.height = 0 + "px";
        document.body.style.cursor = "auto";
        document.onmousemove = null
    }
};</script>


</head>
<body>
  <div id="line"></div>
</body>
</html>

[danik.js]

document.onmousemove = function() {}

= null

[рони]

danik.js,
как веть скажешь, сам так делаю ... а вдруг у ТС великие замыслы )))

[рони]

как от знака избавится кроме как Math.abs ?

[ruslan_mart]

рони, по правой кнопке мыши выделение тоже срабатывает и при отпускании не убирается. Нужно сделать дополнительную проверку event.which.

[рони]

Ruslan_xDD,
напиши проверку event.which не могу придумать вариант, вылетают системные предупреждения.

[danik.js]

рони, по правой кнопке мыши выделение тоже срабатывает

В винде тоже ведь страбатывает. А вот со средней кнопкой - нет.

и при отпускании не убирается

В файрфоксе все норм. В хроме косепоры накосепорили как обычно. Давно отписывался про косяки райтклика, а эти гандоны делают вид что ниче не происходит.

[danik.js]

как от знака избавится кроме как Math.abs ?

А как квадратный корень извлечь кроме как Math.sqrt?

[рони]

danik.js,
можно так но вдруг есть путь иной

var x= -5;
if (x < 0) x = -x;
alert(x);