将焦点放在 javascript 中的 dataTable
Set focus on dataTable in javascript
<table id="table-dispatch" class="display data-table" cellspacing="0" width="100%" onclick="showrequestmap()">
<thead>
<tr>
<th> ID </th>
<th> Status </th>
<th> Client </th>
<th> Client Phone Number </th>
<th> Dispatch Date </th>
<th> Driver </th>
<th> Distance </th>
<th> Current Location </th>
<th> Estimated Fare </th>
<th> Action </th>
</tr>
</thead>
<tbody>
<tr>
<td>5</td>
<td> Waiting for pickup </td>
<td> Raj </td>
<td> 85115 </td>
<td> Apr 18, 2016 7:07 PM </td>
<td> tushar patel </td>
<td> NaN </td>
<td> Thaltej, Ahmedabad, Gujarat 380054, India </td>
<td> 0$ </td>
<td> action </td>
</tr>
</tbody>
</table>
</div>
这是我的数据表。以及如何在 JavaScript.
中的 DataTable 上设置焦点方法
$(document).ready(function(){
$("#table-dispatch").focus(function() {
});
});
这是我的 JavaScript code.i 尝试在 DataTable Id 上使用焦点方法。但它不起作用。那么我如何才能将方法的使用集中在 DataTable 上。请给我解决方案。
以及如何让focus方法优先于on-click方法。
看看这些代码,它不是悬停,但我通过 mouseover() 函数实现了相同的功能。
jsFiddle : https://jsfiddle.net/eua98tqa/12/
jQuery:
$('#table-dispatch').mouseover(function(){
$(this).css('background-color','#ddd');
}).mouseout(function(){
$(this).css('background-color','#bbb');
});
<table id="table-dispatch" class="display data-table" cellspacing="0" width="100%" onclick="showrequestmap()">
<thead>
<tr>
<th> ID </th>
<th> Status </th>
<th> Client </th>
<th> Client Phone Number </th>
<th> Dispatch Date </th>
<th> Driver </th>
<th> Distance </th>
<th> Current Location </th>
<th> Estimated Fare </th>
<th> Action </th>
</tr>
</thead>
<tbody>
<tr>
<td>5</td>
<td> Waiting for pickup </td>
<td> Raj </td>
<td> 85115 </td>
<td> Apr 18, 2016 7:07 PM </td>
<td> tushar patel </td>
<td> NaN </td>
<td> Thaltej, Ahmedabad, Gujarat 380054, India </td>
<td> 0$ </td>
<td> action </td>
</tr>
</tbody>
</table>
</div>
这是我的数据表。以及如何在 JavaScript.
中的 DataTable 上设置焦点方法$(document).ready(function(){
$("#table-dispatch").focus(function() {
});
});
这是我的 JavaScript code.i 尝试在 DataTable Id 上使用焦点方法。但它不起作用。那么我如何才能将方法的使用集中在 DataTable 上。请给我解决方案。 以及如何让focus方法优先于on-click方法。
看看这些代码,它不是悬停,但我通过 mouseover() 函数实现了相同的功能。
jsFiddle : https://jsfiddle.net/eua98tqa/12/
jQuery:
$('#table-dispatch').mouseover(function(){
$(this).css('background-color','#ddd');
}).mouseout(function(){
$(this).css('background-color','#bbb');
});