1、新建一个HTML文件，保存为test.html，用于编写代码实现拖放功能 。
2、在test.html添加一个div标签，并且给它一个id，用于下面编写样式。
3、通过div的id , 给div定义CSS样式，例如，把div定义为一个带边框的长方形。下面将实现将图片拖放在这个长方形中。
4、在div的下面定义一张被拖放图片，并设置该图片的属性为允许被拖放。
5、在被拖放的图片上加上一个ondragstart事件，即图片被拖动时触发这个事件。再给事件一个函数，用于拖动图片时，把图片保存在一个变量中。
6、运行代码，在浏览器中查看结果：至此，完成了使用JS实现拖放图片到div中的功能。
1：div22.style.background = "red"这样可以实现div22这个元素的背景颜色为红色。而div22添加的样式是内联样式。2：所以内联样式？你需要知道一下什么是内联样式。也就是这个元素本身的style属性中的css样式，这里的style属性中国的css样式权重值最高。3：在内联样式中，如果想要写一个背景图片那么就需要这样写才能生效：<div style="background-image：url('img/1.jpg')"></div>4：所以在js中动态添加或这更改背景图片就需要这样：div22.style.backgroundImage = "url('img/1.jpg')"5：对以上会打有哪里不理解的请指正或者追问首先要给图片添加一个Id，之后在jquery中写如下代码：
$("#图片ID").click(function(){
alert("aa”)
})
或者
$("#图片ID").bind("click",function(){
alert("aa")
})
扩展资料：
Click 事件实际应用：
此事件是在一个对象上按下然后释放一个鼠标按钮时发生。它也会发生在一个控件的值改变时。
对一个 Form 对象来说，该事件是在单击一个空白区或一个无效控件时发生。对一个控件来说，这类事件的发生是当： 用鼠标的左键或右键单击一个控件。对 CheckBox, CommandButton, Listbox 或 OptionButton 控件来说，Click 事件仅当单击鼠标左键时发生。
通过按下箭头键或者单击鼠标按钮，对 ComboBox 或 ListBox 控件中的项目进行选择。
当 CommandButton,OptionButton 或 CheckBox 控件具有焦点时，按下 SPACEBAR 键。
当窗体带有其 Default 属性设置为 True 的 CommandButton 控件时，按下 ENTER 键。
当窗体带有一个 Cancel 按钮 — 其 Cancel 属性设置为 True 的 CommandButton 控件时，按下 ESC 键。
对控件按下一个访问键。例如，如果一个 CommandButton 控件的标题是 "&Go"，则按下 ALT+G 键可触发该事件。 也可在代码中触发 Click 事件，通过： 将一个 CommandButton 控件的 Value 属性设置为 True。
将一个 OptionButton 控件的 Value 属性设置为 True。
改变一个 CheckBox 控件的 Value 属性的设置。
参考资料来源：百度百科：Click事件
