js拖拽放大缩小执行事件冲突，js如何实现拖拽和上下移动

我用JavaScript写了一个拖拽效果,但是总也不好使,是哪里问题呢?_百度...

你的代码没用代码排版太杂乱，我直接把自己写的拖拽给你参考一下，这段代码只是无聊时写的，所以没写吸附和区域限制，你可以参考修改一下。使用方法在底部。

这个问题是因为你调用的函数未定义；不过没有看到你的具体代码，你可能是以下情况：的确是没有定义这么一个函数；定义函数了，但是在你调用的时候，你的函数并没有初始化。

应该是window对象没有onload事件，你加错地方了吧，应该是加载document对象上的，window.document.onload = function(){} 不然你的js代码都不会执行，这样js代码才会在页面加载完成后执行。

基本都是语法错误引起的。写代码的基本功还要练练，最起码的缩进写好了，可以避免低级错误。

我觉得吧你首先要确定自己是否真的努力了，是否有好好学习javascript、jquery、css、html了，如果你努力了，和高手探讨一下自己的努力方向是否走偏，如果就是觉得不适合，就是不爱做，那好吧，放手吧。

相关问答

Q1: 在JS中如何实现通过拖拽改变物体大小

1、这个示例会在鼠标按下时，启动拖拽功能。当鼠标移动时，元素位置会根据鼠标移动距离进行更新。当鼠标松开时，拖拽行为将停止。

2、event) 移动鼠标到四周可改变该DIV大小 花了十分钟写的代码，没有仔细测试，在IE8和Chrome测试通过。如有不懂的地方可以继续追问。该地方引用了jQuery库，请自行更改相应的jQuery路径。

3、在touchmove事件做判定，如果 event.touches.length==2 则记录此次两点之间的距离：Math.sqrt(Math.pow((x2-x1)，2)+Math.pow((y2-y1)，2))在手指移动过程中针对每一次的两点距离进行比较。

Q2: javascript怎么处理单击事件与拖动事件并存

字面意义上的分离是天然的，这本来就是两个不同的事件，只是实际操作中用户的拖拽一定会同时触发点击事件而已。

另一种方式是通过JavaScript代码使用DOM 0级事件处理程序来绑定事件。这种方法是通过将函数赋值给元素的事件处理属性来实现的。

（1）单击事件onClick 当用户单击鼠标按钮时，产生onClick事件。同时onClick指定的事件处理程序或代码将被调用执行。

如点击事件，用户点击时触发；keydown、keyup事件，键盘按下、键盘弹起时触发；还有上传控件中，文件加入前事件，上传完成后事件。

在移动设备上，click事件的行为与PC端有所不同。在移动设备上，单击处理程序通常需要使用触摸事件而不是click事件。这是因为单击由触摸事件触发。

Q3: extjs框架下如何实现利用鼠标滚轮放大、缩小、拖动图片?

1、extjs 3 放大缩小实现方法：继承ext.panel实现自己的图片预览类imagePreview即可。

2、鼠标滚轮变成放大缩小更改方式有：更改鼠标设置、更改系统设置、重新安装鼠标驱动程序等。更改鼠标设置，以将鼠标滚轮的功能更改回正常状态。打开“设置”应用程序。进入“设备”选项卡，找到“鼠标”选项。

3、具体如下：第一步，点击桌面左下角的开始图标。第二步，来到下图所示的开始菜单后，点击箭头所指的所有程序图标。第三步，在下图所示的所有程序窗口中，点击win10自带的照片查看器。

4、此外，SizeMode只需要被设置一次，没有必要每次都赋值。最后补一句，Zoom是“按比例缩放图片”，Strech才是“填满容器”，当然，如果picturebox大小比例和图像宽高比不一致，strech会让图片变形。

5、按所给的大小来设置图片，不管图片有多大，总是全图显示，可能导致失真！你可以加一个大小限制，超过图片大小了则不再放大。

6、在网页中，按住键盘上的“CTRL”键不放，然后将滚轮往前滚，这时候，网页中的所有内容就会变大；同样的在网页中按住“CTRL”，然后将鼠标滚轮网后滚动，页面就变小了。

Q4: js冲突怎么解决

想要解决两个事件冲突，需要对单击事件进行延时，如果在此延时中又监测到单击事件，那么认为此两次单击属于一个双击事件，则只执行双击事件，并第一时间将延时定时器清理，以防止第二次单击生效。

js效果多数是控制样式改变来形成的。你看看两种效果实用的class名字有没有相同的。然后，改了就好。另外。如果两种效果都是基于jquery实现了。 那么在js中最好引入一次jquery就好。

有很多解决办法。给你说其中两种 第一种：你的按钮，不要用summit，使用button，然后捕捉这个button的click事件，把捕获的html存入form里头一个hidden控件，记住给name值 然后把form进行提交。

Q5: JS放大元素与缩小元素?

for循环你能拿到索引 index，你可以根据index拿到当前展示的元素，那么 通过 index+1就能拿到下一个元素。注意，需要判断是否存在下一个元素 针对当前元素做缩小处理，下一个元素做放大处理。

书写并添加js代码。/script。代码整体结构。查看效果。

添加“onmouseout”js事件，首先获取图片标签，然后定义鼠标移开图片时发生的事件，这时图片将会缩小：JS实现鼠标移动到缩略图显示大图的图片放大效果？可以用js事件“onmouseover”和“onmouseout”来实现。

JS中canvas画布绘制中如何实现缩放，位移，旋转 (2，2)；缩放的是整个画布，缩放后，继续绘制的图形会被放大或缩小。

然后通过js或者使用jquery插件来获取div的样式，然后修改，比如$(你的元素id).css(height，120%)，宽度同理；然后离开的时候同样出发mouseleave或者mouseout，具体哪个忘了。总之大致的思路就是这样。

为了解决fabric.js缩放卡顿的问题，可以尝试以下几个方法： 简化图形元素：如果图形较复杂，可以考虑简化图形元素的数量或者使用更简单的形状来代替复杂的图形，以减轻计算和渲染的负担。

js拖拽放大缩小执行事件冲突的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js如何实现拖拽和上下移动、js拖拽放大缩小执行事件冲突的信息别忘了在本站进行查找喔。