[100分],求:按住鼠标左键滑过表格,表格的单元格或行响应什么事件?在线,对了立即给分.

Question

想实现如下效果:
按住鼠标左键滑过表格时,被滑过的表格中CheckList被选中.我不知道响应什么事件?
我在线,对了立即给分.

Answer 1

onselect事件
但仅针对document.body
表格不支持该事件

Answer 2

有难度. 应该是onselect事件在释放选择时触发. 然后通过用selection来修改check的属性

Answer 3

onmousedown + onmousemove + onmouseup

Answer 4

如果要精确到在某一table的td里，用这个onmousedown + onmousemove + onmouseup组合比较好

Answer 5

很难的说，可能onkeydown不再table触发。
不好掌握。

Answer 6

大致触发了这几个事件
body
    onmousemove
    onselectstart #ie
    table
        oumouseover
        onmousemove
        onselectstart #ie

Answer 7

昂，还有内部的
table内部元素的
        oumouseover
        onmousemove
        onselectstart #ie

Answer 8

onmousedown: 纪录起始位置
onmousemove：
onmouseup：选中，或取消

Answer 9

<font color=red style="background-color:#cccccc;width:200px;" onmousemove="if(event.fromElement!=this && event.button)alert(event.button)" >ddd</font>

Answer 10

onmousedown + onmousemove + onmouseup

Answer 11

<div id="tip" style="width:200px; line-height:22px; border:1px solid #FF0000;"></div>
<table id="tab1" border="1" width=200>
<tr id="tr1">
<td id="td1">
<input type="checkbox" name="c1" id="c1">
</td>
</tr>
<tr id="tr2">
<td id="td2">
<input type="checkbox" name="c2" id="c2">
</td>
</tr>
</table>
<script>
function $(o){return document.getElementById(o)}
function info(event){
var e = window.event?window.event:event;
var eobj = window.event?window.event.srcElement:event.target;
alert(e.button)
if(window.event){//ie
if(e.button == 1){
$("tip").innerHTML = eobj.id;
}
}
else{
if(e.button == 0){
$("tip").innerHTML = eobj.id;
}
}
}
document.onmousemove = info;
document.onmousedown = info;
//document.onmouseup   = info;

Answer 12

当在table里mousemove+mousedown时记录开始和结束的坐标
再用document.elementFromPoint（x,y)得到当前所有控件。如果是checkbox.