| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- console.info("drag");
- window.dragItem;
- // 为Div添加ondragstart事件
- function addDivDragStart() {
- if ($(".remove").length == 0) {
- var div = document.createElement("div");
- div.className = "remove";
- // div.style.display = "none";
- $('#outCont').parent().append(div); // $('#displayArea').。Lin
- // var ofs = $('#displayArea').offset();
- var width = $('#outCont').height(); // = $('#displayArea').。Lin
- var ofs = {};
- ofs.position = "absolute";
- ofs.bottom = "0";
- ofs.display = "none";
- ofs.left = -50 + "px";
- ofs.width = width + 'px';
- ofs.height = width + "px";
- ofs.zIndex = 9999;
- $(div).css(ofs);
- console.log(div)
- }
- $('.item').off("dragstart").on('dragstart', function (ev) {
- window.dragItem = ev.target;
- });
- $('.item').off("drop").on('drop', function (ev) {
- if (window.dragItem)
- if ($(ev.target).index() > $(window.dragItem).index()) {
- ev.target.parentNode.insertBefore(window.dragItem, ev.target.nextSibling);
- } else {
- ev.target.parentNode.insertBefore(window.dragItem, ev.target);
- }
- window.dragItem = null;
- ev.preventDefault();
- });
- dragPreventEvent();
- }
- function dragover(ev) {
- // $(".remove").show();
- ev.preventDefault();
- }
- function drop(ev) {
- ev.preventDefault();
- $(".remove").hide();
- if (window.dragItem)
- window.dragItem.parentNode.removeChild(window.dragItem);
- // 把光标移到最后
- // changeClassName();
- }
- function dragPreventEvent() {
- $(top.document.body).off("dragover").on('dragover', dragover);
- $(top.document.body).off("drop").on('drop', drop);
- // 为displayArea添加拖拽事件,用来防止事件冒泡
- $('#outCont,.editor').off("dragover").on('dragover', function (ev) { // $('#displayArea,.editor').。Lin
- ev.preventDefault();
- return false;
- });
- $('#outCont,.editor').off("drop").on('drop', function (ev) { // $('#displayArea,.editor').。Lin
- ev.preventDefault();
- return false;
- });
- (function addDropEvents() {
- /* 改,抛出错误 arguments[0].$ is not a function。Lin
- * 先去掉递归调用,其他的直接用 window(第一次调用的入口参数) -- 不会改 arguments[0].$(
- * 因抛出错误,导致第一个写的写字板里的字迹不会清空
- * 另,完全不改的话,也不影响 拖放手写字 的操作
- arguments[0].$("body").off("dragover").on('dragover', dragover);
- arguments[0].$("body").off("drop").on('drop', drop);
- arguments[0].$("iframe[haveDropEvents!=1]").attr("haveDropEvents","1").each(function () {
- addDropEvents(this.contentWindow.window);
- });
- */
- window.$("body").off("dragover").on('dragover', dragover);
- window.$("body").off("drop").on('drop', drop);
- })(window)
- window.addEventListener("unload", function () {
- $(top.document.body).off("dragover");
- $(top.document.body).off("drop");
- });
- }
|