event.CtrlKey可以捕捉ctrl键盘事件,其它该怎么操作?

解决方案 »

  1.   

    给每个td加onclick,被次click将此ID保存到某个地方..然后..
      

  2.   

    function keyShow(e){
       if (window.event){
           alert(window.event.ctrlKey);
       }else{
           alert(e.ctrlKey);
       }
    }
    document.onclick = keyShow;
    基本思路就这样了,if else里省略n行
      

  3.   

    你的td加多3个属性,一个是ID,一个是bgColor,然后一个是primaryColor这样,
    事件就用:
    document.keydown = f_keydown;function f_keydown(){
       if(event.keyCode == 17){
          //点击时候将对应ID的BGCOLOR切换,再点就可以读会primaryColor设回原来的颜色
          //记录你点过的内容就行了
       }
    }
      

  4.   

    <style>
    .tdChange{
    cursor:hand;
    background-color:red;
    }
    .tdDefault{
    cursor:hand;
    background-color:white;
    }
    </style>
    <script>
    document.onkeydown=function(){
    if (event.ctrlKey){
    document.onclick = function(){
    if (event.srcElement.tagName=="TD"){
    event.srcElement.className == "tdDefault"?event.srcElement.className ="tdChange":event.srcElement.className ="tdDefault"
    }
    }
    }
    }
    function fnc(){
    var objTd=document.getElementById("tabA").getElementsByTagName("TD");
    for (var i=0;i<objTd.length;i++){
    if (objTd[i].className == "tdChange"){
    alert (objTd[i].innerText)
    }
    }
    }
    </script>
    <table id="tabA"> 
      <tr>
        <td class="tdDefault">1</td>
        <td class="tdDefault">2</td>
        <td class="tdDefault">3</td>
        <td class="tdDefault">4</td>
        <td class="tdDefault">5</td>
        <td class="tdDefault">6</td>
        <td class="tdDefault">7</td>
      </tr>   
      <tr>
        <td class="tdDefault">8</td>
        <td class="tdDefault">9</td>
        <td class="tdDefault">10</td>
        <td class="tdDefault">11</td>
        <td class="tdDefault">12</td>
        <td class="tdDefault">13</td>
        <td class="tdDefault">14</td>
      </tr>   
    </table>
    <button onclick="fnc();">show me the value</button>
      

  5.   

    嘿嘿~~~~
    来凑个热闹!TO:   wxylvmnn(城隍庙三当家的) 大哥为什么要去城隍庙当家啊~~~~~~~~~~~~~~~
      

  6.   

    借 wxylvmnn(城隍庙三当家的)这位兄弟的代码改了一下 :<style>
    .tdChange{
    cursor:hand;
    background-color:Highlight;
    }
    .tdDefault{
    cursor:hand;
    background-color:white;
    }
    </style>
    <script>document.onkeydown = function(){
    if (event.ctrlKey){
    document.onclick = function(){
    if (event.srcElement.tagName=="TD"){
    event.srcElement.className == "tdDefault"?event.srcElement.className ="tdChange":event.srcElement.className ="tdDefault";
    }
    }
    }
    }document.onkeyup = function(){
    document.onclick = function(){
    var objTa = document.getElementById("tabA");
    var objTd = objTa.getElementsByTagName("TD");
    if (event.srcElement.tagName=="TD"&&event.srcElement.className=="tdChange"){
    var text = "";
    for (var i=0;i<objTd.length;i++){
    if (objTd[i].className == "tdChange"){
    text += '|' + objTd[i].innerText + '| ';
    }
    }
    if (text && text!=""){
    alert(text);
    }
    } else {
    for (var i=0;i<objTd.length;i++){
    objTd[i].className = "tdDefault";
    }
    }
    }
    }
    </script>
    <table id="tabA"> 
      <tr>
        <td class="tdDefault">1</td>
        <td class="tdDefault">2</td>
        <td class="tdDefault">3</td>
        <td class="tdDefault">4</td>
        <td class="tdDefault">5</td>
        <td class="tdDefault">6</td>
        <td class="tdDefault">7</td>
      </tr>   
      <tr>
        <td class="tdDefault">8</td>
        <td class="tdDefault">9</td>
        <td class="tdDefault">10</td>
        <td class="tdDefault">11</td>
        <td class="tdDefault">12</td>
        <td class="tdDefault">13</td>
        <td class="tdDefault">14</td>
      </tr>   
    </table>
      

  7.   

    城隍庙妞多~~~~~~~~~~刚才event.ctrlKey位置写的有点问题,改下。<style>
    .tdChange{
    cursor:hand;
    background-color:red;
    }
    .tdDefault{
    cursor:hand;
    background-color:white;
    }
    </style>
    <script>
    document.onkeydown=function(){
    document.onclick = function(){
      if (event.ctrlKey){
    if (event.srcElement.tagName=="TD"){
    event.srcElement.className == "tdDefault"?event.srcElement.className ="tdChange":event.srcElement.className ="tdDefault"
    }
      }
    }
    }
    function fnc(){
    var objTd=document.getElementById("tabA").getElementsByTagName("TD");
    for (var i=0;i<objTd.length;i++){
    if (objTd[i].className == "tdChange"){
    alert (objTd[i].innerText)
    }
    }
    }
    </script>
    <table id="tabA"> 
      <tr>
        <td class="tdDefault">1</td>
        <td class="tdDefault">2</td>
        <td class="tdDefault">3</td>
        <td class="tdDefault">4</td>
        <td class="tdDefault">5</td>
        <td class="tdDefault">6</td>
        <td class="tdDefault">7</td>
      </tr>   
      <tr>
        <td class="tdDefault">8</td>
        <td class="tdDefault">9</td>
        <td class="tdDefault">10</td>
        <td class="tdDefault">11</td>
        <td class="tdDefault">12</td>
        <td class="tdDefault">13</td>
        <td class="tdDefault">14</td>
      </tr>   
    </table>
    <button onclick="fnc();">show me the value</button>