Question

我目前有一个表，我需要能够在该单元格上更改Focus（）上单元格的值，并在Blur（）上更改该值。

<table>
     <tr>
       <td>
           <label id="lblname" class="cursor">Hover</label>
       </td>
       <td>1</td>
       <td>2</td>
       <td>3</td>
       <td>4</td>
       <td>5</td>
    </tr>
</table>


var show = function (ev) {
   alert('test');
},
 hide = function (ev) {
     alert('test');
};
$('#lblname').closest('td').focus(show);
$('#lblname').closest('td').blur(hide);

但没有触发任何事件。

我知道网上有类似的问题，但没有人帮助过我。

感谢您的帮助。

Answer 1

您需要使用hover。

$('#lblname').closest('td').hover(show, hide);

Updated fiddle

var show = function(ev) {
    console.log('test');
  },
  hide = function(ev) {
    console.log('test11');
  };

$('#lblname').closest('td').hover(show, hide);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <label id="lblname" class="cursor">Hover</label>
    </td>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
  </tr>
</table>

Answer 2

只需在表格中输入td的tabindex即可。它会起作用。

<table>
<tr>
    <td tabindex="1">
        <label id="lblname" class="cursor">Hover</label>
    </td>
    <td tabindex="2">1</td>
    <td tabindex="3">2</td>
    <td tabindex="4">3</td>
    <td tabindex="5">4</td>
    <td tabindex="6">5</td>
</tr>
</table>

在悬停时更改表格单元格值

2 个答案: