亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么我的點擊事件第一次點擊沒反應?

<html>
<head>
<style?type="text/css">
body{
????????????background-color:#333;
????????}
#myA{
????????????background-color:#fff;
????????????width:350px;
????????????margin-left:10px;
????????????color:#666;
????????????padding:10px;
????????????cursor:pointer;
????????}
#hideArea{
????????????height:30px;
????????????width:350px;
????????????background-color:#fff;
????????????display:none;
????????}
????</style>
</head>
<body>
<script>
????????function?aa(){
????????????var?myArea?=?document.getElementById("hideArea");
????????????if(myArea.style.display=="none"){
????????????????myArea.style.display="block";
????????????}
????????????else{
????????????????myArea.style.display="none";
????????????}
????????}
????</script>
<div?id="myA"?onclick="aa()">不會了怎么辦
??<div?id="hideArea"></div>
</div>
</body>
</html>


正在回答

3 回答

把19行的代碼給刪了,就是這一句?display:none;

然后36行加上這一句:

<div?id="hideArea"?style="display:none;"?></div>

第一次點擊就有反應了。

原先的代碼讀不到?display:none;第一次點擊只是給加上?display:none;

2 回復 有任何疑惑可以回復我~
#1

水中熊 提問者

哦,好使了,謝謝啊。 但是原先的代碼為什么讀不到 display:none;?
2015-06-01 回復 有任何疑惑可以回復我~
#2

Perona 回復 水中熊 提問者

這個我也不知道怎么解釋。。。才疏學淺。。。見諒見諒!
2015-06-01 回復 有任何疑惑可以回復我~
#3

PAN_0109 回復 水中熊 提問者

大概JS讀取的只是div的行內樣式吧
2015-11-09 回復 有任何疑惑可以回復我~

我也遇到了這樣的問題@!

0 回復 有任何疑惑可以回復我~
#1

微笑恍若陽光燦丶

1111111111111111111111111111
2016-05-06 回復 有任何疑惑可以回復我~

貼代碼

0 回復 有任何疑惑可以回復我~
#1

水中熊 提問者

sorry,不知道別人看不到我的代碼,這次在幫我看看吧,就是第一次點擊白塊沒反應,第二次才好使。
2015-06-01 回復 有任何疑惑可以回復我~
#2

一樹青楓 回復 水中熊 提問者

同問~
2015-08-12 回復 有任何疑惑可以回復我~
#3

水中熊 提問者 回復 一樹青楓

今天看到才想起來以前問過這個問題,現在我知道了,因為js是獲取不到嵌入式樣式(頁面的style里)的display屬性,所以第一次執行aa()時,if里的就是false了,然后執行else里的代碼,而這里的代碼為hideArea塊加上了display=none的屬性,然后第二次點擊就可以正常判斷了。
2015-11-05 回復 有任何疑惑可以回復我~
#4

微笑恍若陽光燦丶 回復 一樹青楓

答案呢
2016-05-06 回復 有任何疑惑可以回復我~
查看1條回復

舉報

0/150
提交
取消

為什么我的點擊事件第一次點擊沒反應?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號