このページには、クリック可能な+/-アイコンがあり、ユーザーがjspページで情報のテーブルをクリックすると展開および折りたたみますが、問題は、ユーザーがこのアイコンにタブで移動して展開/折りたたみしようとした場合です。 Enterボタンを押すと、javascriptは実行されません。何らかの理由でマウスクリックでのみ機能します。これが私がjspページに持っているものです:
<td>
<a onclick="hideShowTable(${count}, this.id)" style="cursor:hand"
title="Expand/Collapse Table" tabindex="40"
id="eCTable${count}"
>+
</a>
</td>
これは、jsファイルでこの関数を実行します。
function hideShowTable(tableCounter, id)
{
//Loop through all rows of the month
for(i=1; i<=12; i++)
{
var tableElm = document.getElementById("tableMonth"+ i +"_"+tableCounter);
//Hide or show the div tag
if (tableElm .style.display == "block"){
tableElm .style.display = "none";
document.getElementById(id).innerText="+";
}
else{
tableElm .style.display = "block";
document.getElementById(id).innerText="-";
}
}
}