如何在javascript中单击按钮时停止回发

[ad_1]

我有一个数字键盘，每当我按下任何按钮时，它都会回发页面，所以我怎样才能阻止这个？任何人都可以帮助我吗…如果可以的话请给我发送代码。

解决方案1
解决方案2
解决方案3
解决方案4

解决方案1

在aspx代码上，为相关按钮编写

JavaScript

OnClientClick="return false;"

这将停止回发页面。如果您需要执行一些函数调用，例如验证等，您也可以这样做。

JavaScript

OnClientClick="MyFunction(); return false;"

定义一个函数，将值存储在某个变量中

JavaScript

MyFunction()
{
myVariable = myVariable + "number you got from button";
return false;
}

如果您需要有条件停止回发，您可以这样写

JavaScript

OnClientClick="MyFunction();"

并定义函数如

JavaScript

function MyFunction() 
{
if (condition == true)
return false;
else
return true;
}

在这种情况下，如果条件为真，则不会回发，否则会回发。

希望有帮助。如果是，请将其标记为解决方案/赞成票。

谢谢
米林德

解决方案2

希望它能帮助你

C＃

<asp:button id="btnID" runat="server" text="Click Me" onclientclick="return false;"  />

解决方案3

你好，

根据我的理解，如果您的要求是停止不调用 asp 按钮单击事件，那么您可以在按钮的 Onclientclick 上使用 return false 。

<asp:button runat="server" ...="" onclientclick="return false"  />

如果我的理解有误，请告诉我。

解决方案4

第1步：在aspx页面中

a) 在 Head 标签中
————————————————– ——————————–

XML

<script src="Other/JScript.js" type="text/javascript"></script>

    <script src="JSTemplate/jquery-latest.min.js" type="text/javascript"></script>

    <style>
        .btn
        {
            border: solid 1px gray;
            border-radius: 3px;
            padding: 5px;
            vertical-align: middle;
            text-align: center;
            text-decoration: none;
            color: #000;
        }
    </style>




----------------------------------------------------------------------------------

b) in body tag
---------------------------------------------------------------------------------

 <div>
        <br />
        Operation to be performed:  <asp:textbox id="txtOperation" runat="server" class="btn" xmlns:asp="#unknown">
            Width="20" ReadOnly="true"></asp:textbox>
        <br />
        <asp:textbox id="txtBoxInput" runat="server" width="200" height="25" xmlns:asp="#unknown"></asp:textbox>
        <br />
        <br />
        <a href="javascript:TraceClick('1', 'idA1');" id="idA1" class="btn">1</a> <a href="javascript:TraceClick('2', 'idA2');">
            id="idA2" class="btn">2</a> <a href="javascript:TraceClick('3', 'idA3');" id="idA3">
                class="btn">3</a> <a href="javascript:TraceClick('4', 'idA4');" id="idA4" class="btn">
                    4</a> <a href="javascript:TraceOperator('+', 'idAPlus');" id="idAPlus" class="btn">+</a>
        <a href="javascript:TraceOperator('-', 'idA4Minus');" id="idA4Minus" class="btn">-</a>
        <br />
        <br />
        <br />
        <asp:button runat="server" id="btnFetchValueinCodebehind" text="Get Value In code behind" xmlns:asp="#unknown">
            OnClick="btnFetchValueinCodebehind_Click" />
        <br />
    </asp:button></div>

---------------------------------------------------------------------------------

Step 2: in JScript file
-----------------------------------------------------------------------------

<pre lang="cs">function TraceClick(new_Value, objID) {

      document.getElementById(objID).style.color = 'red';
      var finalVal='';

      if($("#txtBoxInput").val().length>0)
      {
         var newVal=parseInt(new_Value);
         var  vInput=parseInt($("#txtBoxInput").val());

         if($("#txtOperation").val()=="+")
         {

             finalVal = vInput + newVal;
             $("#txtBoxInput").val(finalVal);

         }
         else if($("#txtOperation").val()=="-")
         {

             finalVal = vInput - newVal;
             $("#txtBoxInput").val(finalVal);

         }
        else
        {

        $("#txtBoxInput").val($("#txtBoxInput").val().concat(new_Value));

        }


      }
      else
      {
         $("#txtBoxInput").val(new_Value);
      }

}
function TraceOperator(new_Value, objID) {
   document.getElementById(objID).style.color = 'red';
     $("#txtOperation").val(new_Value);

}

————————————————– ———————-
第3步：在页面后面的代码中
————————————————– ———————-

C＃

protected void btnFetchValueinCodebehind_Click(object sender, EventArgs e)
  {
      string strval = txtBoxInput.Text.ToString();
      Response.Write("here u get value in code behind page: "+strval);
  }

让我知道这个概念是否可以帮助你..
好运

[ad_2]