拖动鼠标，选中多个图片的问题

Question

一个页面上，有多个图片，拖动鼠标，可以选中多个图片，如何得到选中图片的ID？

Answer 1

IE:
<script>
document.onmouseup=ss;
function ss(){
    var range=document.selection.createRange();
    var s=range.htmlText;
    if(s=="")return;
    var obj=document.createElement("div");
    obj.innerHTML=s;
    var img=obj.getElementsByTagName("img");
    var id=[]
    for(var i=0;i<img.length;i++)id.push(img[i].id);
    alert(id);
}
function dd(){
    var obj=document.getElementById("tt");
    obj.value="";
}
</script>
<img src="#" id="1"/><img src="#" id="2"/><img src="#" id="3"/>

Answer 2

<div id="demo">
<img id="img_1" src="img/im1.jpg" onmouseover="getId(this)" /><br />
<img id="img_2" src="img/im2.jpg" onmouseover="getId(this)" /><br />
<img id="img_3" src="img/im3.jpg" onmouseover="getId(this)" /><br />
<img id="img_4" src="img/im4.jpg" onmouseover="getId(this)" /><br />
</div>
<div id="output"></div>
<script type="text/javascript">
var check_state = false;
var Div = document.getElementById("demo");
Div.onmousedown = function () {
check_state = true;
}
function getId(obj) {
//var str = "";
if(check_state)
document.getElementById("output").innerText += obj.id + ", ";
}
</script>

Answer 3

出了点小错误，应该是下面这样<div id="demo">
<img id="img_1" src="img/im1.jpg" onmouseover="getId(this)" /><br />
<img id="img_2" src="img/im2.jpg" onmouseover="getId(this)" /><br />
<img id="img_3" src="img/im3.jpg" onmouseover="getId(this)" /><br />
<img id="img_4" src="img/im4.jpg" onmouseover="getId(this)" /><br />
</div>
<div id="output"></div>
<script type="text/javascript">
var check_state = false;
var Div = document.getElementById("demo");
Div.onmousedown = function () {
check_state = true;
}
Div.onmouseup = function () {
check_state = false;
}
function getId(obj) {
//var str = "";
if(check_state)
document.getElementById("output").innerText += obj.id + ", ";
}
</script>