mirror of https://gitee.com/karson/fastadmin.git
41 lines
937 B
JavaScript
41 lines
937 B
JavaScript
var container = document.getElementById('container'),
|
|
element = document.getElementsByClassName('ball')[0],
|
|
labelX = document.getElementsByClassName('coords-x')[0],
|
|
labelY = document.getElementsByClassName('coords-y')[0],
|
|
inputGrid = document.getElementById('input-grid'),
|
|
inputSmooth = document.getElementById('input-smooth');
|
|
|
|
// options
|
|
var options = {
|
|
grid: 10,
|
|
setCursor: true,
|
|
onDrag: update,
|
|
onDragEnd: update
|
|
};
|
|
|
|
// initialize drag
|
|
var drag = new Draggable(element, options);
|
|
|
|
function update (element, x, y) {
|
|
labelX.innerHTML = x;
|
|
labelY.innerHTML = y;
|
|
}
|
|
|
|
// form events
|
|
inputGrid.addEventListener('change', function() {
|
|
|
|
var grid = +inputGrid.value;
|
|
|
|
// resize visual grid
|
|
container.style.backgroundSize = grid;
|
|
|
|
// update grid size in drag instance
|
|
drag.setOption('grid', grid);
|
|
|
|
}, false);
|
|
|
|
inputSmooth.addEventListener('change', function() {
|
|
|
|
drag.setOption('smoothDrag', inputSmooth.checked);
|
|
|
|
}, false); |