Без использования jQuery ui Как получить перетаскиваемую позицию div

У меня есть временной масштаб div внутри drag здесь div Я хочу сбросить этот временной шкал div в любом месте в drag this div. А также хочу знать позицию. Есть ли какие-либо предложения без использования jQuery ui?Без использования jQuery ui Как получить перетаскиваемую позицию div

function funct(e) { 
 
      var id = e.id; 
 
      mouseXY(id); 
 
    } 
 

 
    function mouseXY(id) { 
 
      //alert(id); 
 
      var x = event.pageX, 
 
      y = event.pageY 
 
      $('#' + id).css({ 
 
       top: y, 
 
       left: x 
 
      }); 
 
    }

<html> 
 
    <head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    
 
    <style> 
 
     .timescalebase { 
 
    margin-top: 13px; 
 
    height: 7px; 
 
    position: relative; 
 
    width:20%; 
 
    height:5px; 
 
     background-color:green; 
 
    } 
 
     </style> 
 
    </head> 
 
    <body> 
 
<div id draghere style="width:100%;margin-top:25px;background-color:red"> 
 
       <div id="timebase1"draggable="true"class="timescalebase activelevel1" ondrag=funct(this)> 
 
        
 
       </div> 
 
    </body> 
 
    </html>

Как получить левое значение timebase1 DIV после падения? Если я добавлю это значение в «left: x + ..». здесь я думаю, что получу ответ. Как получить это значение?

источник

2016-06-15 manu padmanabhan

Вы должны добавить абсолютный атрибут в тег, чтобы он был помещен вами, добавьте абсолютное значение для всего, что вы хотите перетащить, но я не рекомендую его, потому что если вы поместите его где-нибудь в Dreamweaver, это не будет быть в нужном месте в браузере, вы должны будете использовать метод проб и ошибок несколько раз, чтобы получить его идеальным .... внутренний стиль «стиль =" позицию: абсолютная»

источник

2016-06-15 12:08:44

положение: абсолют не очень хороший для моего кода, потому что он создает больше проблем ... дайте мне идею, чтобы получить левую позицию div на время перетаскивания или после перетаскивания –

Без использования jQuery ui Как получить перетаскиваемую позицию div

ответ

Смежные вопросы