美文网首页
拖拽的面向对象的实现及问题解决

拖拽的面向对象的实现及问题解决

作者: 银河战舰_cc3f | 来源:发表于2017-10-12 21:05 被阅读0次

1、实现过程

拖拽的面向对象实现和面向过程实现的基本方法是一样的,只是采用的是两种不同的思路,一个是面向对象的思路,一种是面向过程,根据面向对象思路的实现,我们首先定义一个对象的构造函数,并给他传入一个参数:

function Drag(boxId){

}

定义好构造函数之后,我们需要寻找对象所具有的属性,方法,属性在构造函数里面定义,方法在构造函数的原型上定义:

function Drag(boxId){
   //  被拖拽的物体包含宽、高、背景色等属性,这些属性都是包含在这个对象元素里面的,这里定义一个elem属性指向对象元素
      this.elem = document,getElementById(boxId);
}
Drag,prototype.start = function(){

}
Drag,prototype.move = function(){

}
Drag,prototype.stop = function(){

}

相关文章

  • 拖拽的面向对象的实现及问题解决

    1、实现过程 拖拽的面向对象实现和面向过程实现的基本方法是一样的,只是采用的是两种不同的思路,一个是面向对象的思路...

  • 面向对象实现拖拽

    最近看到一篇文章讲了用原生js实现一个拖拽组件,而我自己还没有尝试过写拖拽组件,正好通过这次来实现一个。大致涉及到...

  • 面向对象的拖拽

    面向对象中,尽量避免函数嵌套;公共用的东西放在构造函数(constructor)里面,初始位置是公共的东西,大家都...

  • 拖拽的面向对象

    一、面向对象的思路与代码步骤:···function Drg(box4){ (Drg是一个构造函数...

  • [JS基础]面向对象入门

    重新学习js,当然先从面向对象开始 1、简单实现一个拖拽功能 html就是一个简单的div 面向对象的主要难点就是...

  • Java面向对象概述

    标签(空格分隔): Java面向对象 问题思考 什么是面向对象? 为什么要面向对象? 怎么面向对象? 问题解决 什...

  • JS面向对象实现简单拖拽心得

    一、思路 1 、先用面向对象的方法把拖拽的功能实现 以下是我们的拖拽代码: 2 、 我们需要重新创建一个html然...

  • 1,类、对象、三大特性、构造方法

    1、面向对象 面向过程的操作是以程序及基本功能是实现为主,实现之后就完成了,不考虑修改的可能性;面向对象,更多的是...

  • 面向对象拖拽效果

    面向对象是大部分编程语言的一大重头戏,大型项目都离不开它,今天简单地分享一下用面向对象实现多重效果的拖拽,里面将涉...

  • JavaScript拖拽效果

    要实现JavaScript的拖拽效果,首先我们需要知道事件对象几个有关于实现拖拽效果的坐标。 获取事件对象 var...

网友评论

      本文标题:拖拽的面向对象的实现及问题解决

      本文链接:https://www.haomeiwen.com/subject/pjooyxtx.html