想做一个可以拖动的列表。拖动列表可以调整列表项的顺序。
查看了mui的组件,没有找到,于是在网上找H5实现的例子。
其中一个通过绑定ondragenter 事件来实现的例子。在页面是可以拖动的,但是放到APP上不能拖动。
以谷歌浏览器来说,选择手机模式则不能拖动,网页模式是可以拖动的。
手机模式说的是调试页面,点击手机那个图标。(见附件图片)
'''
//投放区事件
$("box").ondragenter = function(e) {
e.preventDefault();
console.log('进入');
};
$("box").ondragover = function(e) {
e.preventDefault();
console.log('移动');
};
$("box").ondragleave = function(e) {
e.preventDefault();
console.log('离开');
};
$("box").ondrop = function(e) {
e.preventDefault();
for(var i = 0; i < liDoms.length; i += 1) {
if(liDoms[i].flag) {
box.appendChild(liDoms[i]);
}
}
console.log('成功');
};
'''
n***@163.com (作者)
不懂你会的JS是什么,这个例子是可以在浏览器里面运行的
2018-03-05 16:16