如何防止頁面刷新按鈕在html5中點擊？

我想防止按鈕點擊重新加載頁面。單擊我只想交換按鈕值不刷新頁面。我該怎麼做？如何防止頁面刷新按鈕在html5中點擊？

<button id="4">134</button> // button 1 
<button id="5">234</button> // button 2

點擊（帶「4」號鍵）鍵1之後，我想下面的結果

// After clicking button 1 
<button id="4">234</button> // button 1 
<button id="5">134</button> // button 2

我怎樣才能做到這一點無需重新加載/刷新HTML頁面。

來源

2012-12-28 user1934833

你能給我們一個你已經有的代碼示例嗎？ – jharig23

//按鈕1 <按鈕id =」5「」> 234 //按鈕2 .....按鈕id（4）onclick .. id = 4和id = 5交換ie（234將在id = 5和134將id = 4）。無需重新加載/刷新html頁面。 – user1934833

@ user1934833，我更新了我對供應商某個方向的答案。看一看。 http://stackoverflow.com/a/14072548/358834 – UpHelix

您已經提出了一個非常廣泛的問題，它根本與HTML5無關。要獲得此功能，您必須將JavaScript處理程序附加到按鈕。有很多不同的JavaScript庫可以幫助你做到這一點，或者你可以寫入原始的JavaScript。

你將不得不去做很多關於javascript編程的基本知識來完成這個任務。

來源

2012-12-28 16:23:20 bmargulies

你能給我一些JavaScript的代碼，可以做到這一點..？ – user1934833

爲了防止刷新只需添加類型=「按鈕」

<button id="4" type="button">134</button> 
<button id="5" type="button">234</button>

至於換我重申bmargulies值，你需要學習JavaScript，或者讓你的問題更清楚，所以我們可以給你一個更好的答案。

但用你模糊的問題（說明單擊＃4後文本應該交換）這裏是使用jQuery的一些方向。這樣做只會交換一次。

<script type="text/javascript"> 
    $(function(){ 
     $('#4').click(function(){ 
      $(this).html(234); 
      $('#5').html(134); 
     }); 
    }); 
</script>

有關幫助使用jQuery：http://api.jquery.com/

來源

2012-12-28 16:26:20 UpHelix

這是如何在任何地方移動任何值的？ – bmargulies

@bmargulies，他在我發佈的時候編輯了他的問題。編輯之前，他想要做的就是防止刷新。 – UpHelix

你的頁面重載的主要問題是由UpHelix的回答解決。對許多瀏覽器按鈕的默認類型是復位，如在回答中陳述問題How do i make an html button not reload the page?

以及關於你的價值交換的任務，導致頁面重新加載，我的代碼做的工作對你

$(function() { 
 
     $('button#4').click(function() { 
 
      var firstButtonVal = $('button#4').text(); 
 
      var secondButtonVal = $('button#5').text(); 
 
      $('button#4').text(secondButtonVal); 
 
      $('button#5').text(firstButtonVal); 
 
     }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<button id="4" type="button">134</button> 
 
<button id="5" type="button">234</button>

來源

2014-12-16 15:44:04

如何防止頁面刷新按鈕在html5中點擊？

回答

相關問題