一个很有趣的问题，有没有高手？


相信大家都用鼠标选择一段文字拖动到到输入框中，我现在想实现鼠标拖动图片到输入框中，在输入框中会增加一些照片信息，比如：ur、alr、title 等。。前提条件不知道该输入框的属性、ID 等信息，（效果就跟拖动文字一样，好像是能输入文字的框框都能拖的进去）。我试着用 TextRange 方法，结果不太理想。。希望高手作答，说实话俺已经研究很久了，还是不成功。。  现在急着用谢谢！！

解决方案 »

  1.   

    可以在IE中实现图片添加到textarea中，如果只是图片的src alt等信息那text也可以实现，不过比较麻烦，主要思路就是onmousedown设置标志位，然后在mousemove事件中引动假的对象，在mounseup中显示信息。有几点要注意的 
    1、事件的冒泡
    2、对象的选择，别做成拖动的时候全选了
      

  2.   

    主要思路就是onmousedown设置标志位，  ？？？？是不是要先获取光标位置？
      

  3.   

    IE下面用drag的事件组可以很容易的达到目的
      

  4.   

    IE下面用drag的事件组可以很容易的达到目的 ??? 麻烦举例说明..drag 事件也不是很容易吧?
      

  5.   

    看看在线编辑器吧.然后 做个在线编辑器的 hack.... 就OK了...没时间做 demo...
      

  6.   

    麻烦楼上的做的demo 吧！再线编辑一般都要多 textarea 做一些属性设置，我这里要实现的是在不知道输入框属性的情况啊？？
      

  7.   

    楼上的仁兄啥意思？？ 不是div  是 IMG ^_^
      

  8.   

    IMG不好 会和浏览器的图片拖拽冲突 比如TT Maxthon都有图片拖拽功能
    最好用div来装一下IMG然后写div的拖拽事件
      

  9.   

    不管 img or div ，能实现这种效果就好最好给个简单的例子继续求救
      

  10.   

    大家如果真的需要,可以去看看MSN给你的个人空间,里面的面板都可以乱弄的,在页面看源代码就可以知道JAVASCRIPT了.不过不要问我怎么弄.因为那些源代码我不太看得明白.不过一定是用DIV来弄的.
      如果实在看不明白,可以看看163.COM的邮箱,也有类似的功能.只是移动是指定位置罢了.不过163.com的邮箱代码好像封装了.
      QQ空间也是可以的,只是写成了jsp,麻烦点,不过应该可以看到的.各位努力了.哈.