我有一个早先被包裹在 H1 标签中的文本。加载页面后，我需要专注于该文本。为了方便起见，我将它包装在一个 div 中。
render() {
const { translate, billing: { primaryContactSelection = true } } = this.props;
return (
<div {...resolve(BillingStyles, 'billingContainer')}>
<div id="mainHeader"><h1 {...resolve(BillingStyles, 'mainHeader')}>
{translate('PanelBillingHeadingText')}
</h1> </div>
<div {...resolve(BillingStyles, 'billingInfoContainer')}>
......
......
</div>
</div>
);
}
}
我试过下面的代码：
componentDidMount() {
console.log('Component Did Mount .............');
document.getElementById('#mainHeader').focus();
}
但它并不专注于 div。
我有 5 个可点击的 div 标签，该 div 显示一个带有数字的黄色方块。当用户点击一个方块时，方块的颜色会发生变化，表明被点击的方块是“活动”方块（这部分工作正常）。然后用户应该能够按下一个数字。当数字被按下时，div中显示的数字应该变成他们按下的数字！
但是......它不起作用！作为 div 属性，我有 onkeypress="(更改标签的 innerHTML 的函数)"。
出于测试目的，我写了 onkeypress="alert('key');" 作为一个 div 属性，看看它是我的 javascript 函数，还是 onKeyPress 本身！但警报甚至不会显示！
我尝试将 onKeyPress 警报放在 body 标签中，效果很好。它只是 div！我还尝试在单击 div 之前和单击 div 之后按下一个键！
我也试过 onkeydown 和 onkeyup！
我真的看不出问题！代码如下：
<html>
<head>
<style type="text/css">
#grid {
position:absolute;
padding: 0;
border:0;
width:370px;
height:370px;
}
.box
{
position:absolute;
border: 2px solid Black;
height: 50px;
width: 50px;
vertical-align: middle;
text-align: center;
background-color: yellow;
font-size: xx-large;
color:Navy;
font-family: Arial;
margin:10px;
line-height:1.6;
}
.boxActive
{
background-color:Aqua;
}
</style> …我正在尝试访问干旱监测网站并告诉它选择显示县数据。我可以让我的代码导航到网站，然后点击下拉菜单，但我无法输入“县”。我的代码到达最后一行，然后给出错误：“无法聚焦元素”。
任何帮助将不胜感激，因为我对 Selenium 很陌生。
from selenium import webdriver
from selenium.webdriver.support.ui import Select
from selenium.webdriver.common.keys import Keys
browser = webdriver.Chrome()
browser.get('http://droughtmonitor.unl.edu/Data/DataDownload/ComprehensiveStatistics.aspx')
browser.maximize_window()
dropdown = browser.find_element_by_xpath("""//*
[@id="dnn_ctr1009_USDMservice_CompStats_2017_aoiType_chosen"]""")
dropdown.click()
dropdown.send_keys('county')
dropdown.submit()
print("I'm done")
代码无效
$(document).ready(function() {
if the action is successful and returns a success message then Only{
document.getElementById("tabledataid_row").focus();
}
});
表数据内容
<table>
<tr>
<td id="tabledataid_row"></td>
</tr>
</table>
我希望<td>在提交页面后将焦点放回到表格数据中.例如,在Struts操作中,提交将表单返回到屏幕顶部.我尝试使用JavaScript方法focus(),它适用于textfield或输入类型的元素.
但是当我为<td>元素分配一个id 然后以onload/document ready形式将其拾取然后像上面那样调用focus()时,它就不起作用了.
请注意,我已经在各个地方插入了tabindex,这个元素id有tabindex 4.所以,我不想更改tabindex以获得焦点来到id.只有可视页面以所需字段可见的方式移动.