複選框，輸入只會改變檢查狀態，並沒有打開鏈接

我試圖改變squirrelmail的圖形用戶界面，因此可以用平板電腦更容易使用。我有很多排序的東西，除了我有一個<a>標籤內的複選框，當點擊複選框時，我不想打開鏈接。複選框，輸入只會改變檢查狀態，並沒有打開鏈接

它畢竟是一個<li>內部，使得整條生產線，可以點擊打開光標下的郵件。

下面是代碼，這裏是什麼事情讓我至今一個環節，它適用於什麼，我想除了複選框做：

<li> 
    <a href="read_body.php?account=0&amp;mailbox=INBOX&amp;passed_id=93&amp;startMessage=1"><dl> 
    <dt class="col_check"><input type="checkbox" name="msg[0]" id="mbx_1_msg0" value="93" onclick=""/></dt> 
    <dd class="col_from" >[email protected]</dd> 
    <dd class="col_date">Sep 9, 2012</dd> 
    <dd class="col_flag"><img src="../images/themes/outlook/msg_read.png" alt="R" title="(Read)" /></dd> 
    <dd class="col_flagx"><img src="../images/themes/outlook/attach.png" alt="A" title="Attachment" /></dd> 
    <dd class="col_flagx"><img src="../images/themes/outlook/transparent.png" alt="!" title="Normal priority" width="5" /></dd> 
    <dd class="col_subject" >Re:&#32;test&#32;email&#32;36</dd> 
    </dl></a></li>

我已經使用<dd>因爲我覺得這樣很容易使物品的cols排隊，而是試圖<span>和<div>的<li>內，但曾與線路問題heights.but也許有更好的方式，使任何建議/意見將是巨大的。

編輯：我只是想我在IE和Chrome的代碼，並能正常工作，所以看起來這是與FF一個問題..反正仍然在尋找一個答案！

來源

2012-09-10 Davo A

爲什麼你甚至在一個複選框鏈接？ – BoltClock

如果我沒有在標籤內的複選框與標記線向下移動，所以後來我有2行的電子郵件 - 一個與複選框和一個帶輸出的其餘部分。 –

最簡單的（正確）的答案是：沒有在你的a元素的複選框。該錯誤回答恕我直言，但仍可能有一個答案是使用JavaScript來防止事件冒泡：

https://developer.mozilla.org/en-US/docs/DOM/event.stopPropagation

來源

2012-09-10 17:18:37 PeeHaa

這應做到：

var elements = document.querySelectorAll("li > a"); 
// You can make the query selection easier by adding a class to the anchor tags 

for (var el in elements) { 
    el.addEventListener("click", function (event) { 
     event.preventDefault; 
    }, false); 
}

來源

2012-09-10 17:32:26 Debloper

這將完全禁用點擊「a」標籤。我懷疑OP是在尋找什麼。 – PeeHaa

複選框，輸入只會改變檢查狀態，並沒有打開鏈接

回答

相關問題