可以使用原生JavaScript实现拖拽功能，具体步骤如下：
获取需要拖拽的元素和移动的区域。
在需要拖拽的元素上注册mousedown事件，记录鼠标按下的位置和元素的起始位置。
在document上注册mousemove事件，在该事件中计算元素的新位置，并移动元素。
在document上注册mouseup事件，取消mousemove事件的绑定。
以下是一个简单的实现示例：
var ele = document.getElementById('drag');
var container = document.getElementById('container');
var offsetX, offsetY;
ele.onmousedown = function(e) {
offsetX = e.clientX - ele.offsetLeft;
offsetY = e.clientY - ele.offsetTop;
document.onmousemove = function(e) {
ele.style.left = (e.clientX - offsetX) + 'px';
ele.style.top = (e.clientY - offsetY) + 'px';
};
document.onmouseup = function() {
document.onmousemove = null;
document.onmouseup = null;
};
};
需要注意的是，这个示例只实现了基本的拖拽功能，如果需要更加复杂的实现，可以考虑使用事件委托、限制拖拽范围等功能。同时，还需要考虑一些浏览器的兼容性问题，比如IE浏览器需要使用setCapture和releaseCapture方法来处理MouseMove事件的问题。