html5 drag drop_weixin_30361753的博客-程序员资料

// 生命周期
//dragstart -> drag -> dragenter -> dragover ->  dragleave  -> drop -> //dragend   
//拖拽元素 dragstart ->drag ->dragend
//目标元素 dragenter ->dragover ->drop->dragleave 

// 用户开始拖动元素时触发
    dragstart (item) {
        //ie下 要return true 并且不可阻止默认行为
      return true;
    },    
 // 元素正在拖动时触发
    drag (item) {
       //ie下不可阻止默认行为  而且不需要return
      /*if (event && event.preventDefault) {//如果是FF下执行这个

        event.preventDefault();
      }else{
        window.event.returnValue = false;//如果是IE下执行这个

      }*/
    },
// 用户完成元素拖动后触发
    dragend (item) {
    //ie下要阻止默认行为  并且return false
      if (event && event.preventDefault) {
    //如果是FF下执行这个

        event.preventDefault();
      }else{
        window.event.returnValue = false;//如果是IE下执行这个

      }
      return false
    },
//没用上
   dragoverHeader () {
      if (event && event.preventDefault) {
    //如果是FF下执行这个

        event.preventDefault();
      }else{
        window.event.returnValue = false;//如果是IE下执行这个

      }
    },
 // 当被鼠标拖动的对象进入其容器范围内时触发此事件
    dragenter (item) {
     //ie 下 要阻止默认行为 并且return true
      if (event && event.preventDefault) {
    //如果是FF下执行这个

        event.preventDefault();
      }else{
        window.event.returnValue = false;//如果是IE下执行这个

      }
      return true;
    },
    // 当某被拖动的对象在另一对象容器范围内拖动时触发此事件
    dragover (item) {
      //ie 下 要阻止默认行为 并且return true
      if (event && event.preventDefault) {
    //如果是FF下执行这个

        event.preventDefault();
      }else{
        window.event.returnValue = false;//如果是IE下执行这个

      }
      // 只有当可拖动,而且没有禁用的才执行下面的代码,并且不是自身
      if (this.allowDrag && this.notSelf) {
        // 设置当前的hoverNode
        this.hoverNode = item
      }
      return true;
    },    
 // 在一个拖动过程中,释放鼠标键时触发此事件
    drop (item) {
      //ie下要阻止默认行为
      if (event && event.preventDefault) {
    //如果是FF下执行这个

        event.preventDefault();
      }else{
        window.event.returnValue = false;//如果是IE下执行这个

      }
   
    },    

 

转载于:https://www.cnblogs.com/Webyangbowen/p/10030441.html

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_30361753/article/details/97469300

智能推荐

HTTP协议(4)request介绍_飞影在线的博客-程序员资料

http协议是基于请求和响应设计的协议,我们在Servlet程序中可以获取用户的请求,以及给客户端响应数据。而request对象可以用来接收和封装请求携带过来的数据用户在每次请求Servlet的时候,都会去执行Servlet对象中的service方法。而在service方法上接收2个参数:service(  ServletRequest request   , ServletRes

Freetype字体引擎分析与指南(中文版翻译)_码字但很菜的博客-程序员资料

主要观看下文第 3个全部的步骤说明,就可以使用freetype来编程操作,即以下简要步骤:初始化库 通过创建一个新的face对象来打开一个字体文件 以点或者像素的形式选择一个字符大小 装载一个字形(glyph)图像,并把它转换为位图 渲染一个简单的字符串 渲染一个宣传的字符串1.FreeType字形约定1.1基本印刷概念1.1.1字体文件、格式和信息 字体是一组可以被显示和打印的多样的字符映像, 在单个字体中共享一些共有的特性, 包括外表、风格、衬线等。按印刷领域的...

java jdbc 连接hive-2.1.1_骷髅头的寂寞的博客-程序员资料

package com.linewell.hivetest;import java.sql.Connection;import java.sql.DriverManager;import java.sql.ResultSet;import java.sql.Statement;public class HiveTest { private static String Drive...

C语言实现BMP图像处理(逆时针旋转90度)_傻不拉几的程序员的博客-程序员资料_bmp 旋转90度

 实现图像旋转,首先要对图像的存储,图像的读写比较清楚,在此基础上进行线性变换。以下代码为逆时针旋转90度,后续会给出旋转任意角度的代码:核心还是掌握旋转时的前后变换。变换的过程可以归结为:首先将图像坐标变换为数学坐标,然后在数学坐标上进行变换,然后在进行逆变换,得到在图像坐标上的变换。同时需要求出各个变换的逆变换。#include <Windows.h>#include..._1671465600

基于LSTM算法的股票预测详解_10生万物的博客-程序员资料_股票预测算法

一、需求给定几个已知的股市因素(开盘、收盘、最高、最低、成交量、成交额)及各因素对应的大量数据,训练一个该股票的涨跌趋势的预测模型。并在给定的测试数据的条件下求出接下来的涨跌趋势。即得到下图中的label值。-1代表跌、1代表涨。二、分析1、LSTM简单介绍LSTM这个算法是专门训练有时间序列信息的数据的,即这些数据不仅按照时间递增的顺序排布,并且前后的数据都有着很强的联系。个人认为与马尔可夫的思想差不多,即后面的值由前面的值来决定。本次需求是要根据已知的股市数据来分析某个时间段的涨跌趋势,并预测

Spring源码分析@Autowired、@Resource注解的区别_goodluckwj的博客-程序员资料

关于Spring中@Autowired、@Resource和@Inject注解的区别请看:@Autowired、@Resource和@Inject注解的区别(最详细),本片文章将会带领你进行源码分析@Autowired、@Resource注解的不同。 在上面所说的那篇博客中,我们知道: Spring对于@Autowired、@Resource注解...

随便推点

vulnhub靶机-sunset:decoy_cr4ke3的博客-程序员资料_pkzip2$3*2

1、找到靶机ip:192.168.0.129nmap -sn 192.168.0.0/242、扫描靶机端口,除了22、80是开放状态,其他几个都是过滤状态[email protected]:~# nmap -p- -A 192.168.0.129Starting Nmap 7.80 ( https://nmap.org )Nmap scan report for 192.168.0.129Host is up (0.0057s latency).Not shown: 65528 closed p

spring-boot项目二:Spring Boot整合react-app实现前后端分离_heshengfu1211的博客-程序员资料_springboot react

前言:目前web开发越来越采用前后端分离的开发模式,使从事后台和前端开发的程序员分别精通于自己的方向,同时也有效提高团队的工作效率。后台接口主要返回Json格式的数据,无需按照Spring-MVC模式把渲染视图的工作也交给后台完成;而前端比较流行的三框架有Vue,React和Angular,它们比起传统的js都具有显著的优势。其中React采用虚拟dom节点渲染视图,即每次dom节点发生变化只渲染...

hibernate关系映射--双向一对一@OneToOne_孟夏草木长的博客-程序员资料

1.基于外键的双向一对一基于外键的双向一对一,外键可以存放在任意一端,只需在外键表的那端添加注解@OneToOne,@JoinColumn在主表中也应添加注解@OneToOne,同时设置mappedBy属性(放弃控制关联关系,否则会生成额外的关联关系,引起性能下降)主要代码及例子从表@OneToOne(cascade={CascadeType.ALL}) @JoinColu

MFC中解决回车和ESC关闭的问题,重载OnOk(),OnCancel()函数的正确做法_Phenixyf的博客-程序员资料_mfc onok函数

本文参考了如下文章:http://msdn.microsoft.com/en-us/library/66b3y2ab(VS.71).aspxhttp://topic.csdn.net/u/20100918/16/5a8bb22b-80bc-4e9f-8392-a3f876e91e05.htmlhttp://blog.csdn.net/zdl1016/article/details/27

VMWARE15虚拟机安装window7系统出现系统找不到问题_向往鸟的博客-程序员资料_vmware安装win7找不到系统

百度上搜了很多教程,安装时候出现系统找不到是因为系统没分盘,默认路径找不到,按照教程去做,保证没有任何差错,依旧是找不到系统。安装步骤如下:以上的步骤都是其他博客上学的,也是对的,那么问题出在哪?原因就出在镜像包上,这些包不支持此安装方式,需要下载纯净版的,有些版本说是纯净,也安装不了,自个慢慢试吧,我试了四个..._1671465600

idea启动非maven项目经验_孤独是常态的博客-程序员资料

转载:https://blog.csdn.net/zaemyn2015/article/details/80802472

推荐文章

热门文章

相关标签