Я создаю HTML-шаблон, который выглядит как ветер, но есть проблемы с изменителями размера - PullRequest
Новая
       1

Я создаю HTML-шаблон, который выглядит как ветер, но есть проблемы с изменителями размера

0 голосов
/ 10 октября 2019

Я создаю шаблон, похожий на шаблон для веб-сайтов, но у меня проблема с изменяющим размеры, изменяющий размер в нижнем правом углу работает отлично, но попытка создать верхний правый изменяющий размер не работает, и я не знаю почемуЯ перепробовал все, но это не работает.

Вот github https://github.com/alhazacod/windowsxphtmltemplate

Код JavaScript: 

dragru.onmousedown = function(event) {
  let shiftLeft = event.clientX - wwindow.getBoundingClientRect().left;
  let shiftTop = event.clientY - wwindow.getBoundingClientRect().top;
  let shiftBottom = - event.clientY + wwindow.getBoundingClientRect().bottom;

  function resize(w, h, pageY){
    wwindow.style.top = pageY - shiftTop + 'px';
    if(w>200){
      wwindow.style.width = w + 'px';
    }
    if(h>200){
      console.log(wwindow.getBoundingClientRect().bottom - event.pageY);
      wwindow.style.height = (wwindow.getBoundingClientRect().bottom - event.pageY) + 'px';

    }
    //wwindow.style.top = pageY - shiftTop + 'px';
  }

  function onMouseMove(event){
    shiftLeft = event.clientX - wwindow.getBoundingClientRect().left;
    shiftBottom = -event.clientY + wwindow.getBoundingClientRect().bottom;
    //if(event.pageY < windowh && event.pageY > 1 && event.pageX < windoww && event.pageX > 1){
      resize(shiftLeft, shiftBottom, event.pageY);
    //}
    /*else{
      document.removeEventListener('mousemove', onMouseMove);
      wwindow.onmouseup = null;
    }*/
  }

  document.addEventListener('mousemove', onMouseMove);

  wwindow.onmouseup = function(){
    document.removeEventListener('mousemove', onMouseMove);
    wwindow.onmouseup = null;
  };
};
...