Comment faire des double-cliquez sur & seul événement click pour le bouton lien de Asp.net contrôle?

Que vous avez à faire quelque chose comme ça.

Code derrière.

Linkbutton btn;
btn.Attributes.Add("onClick", "OnClick();");

puis dans votre code javascript que vous aurez besoin de définir le OnClick fonction comme ceci

var clickCount = 0;
var timeoutID  = 0;

function OnClick()
{
    clickCount++;

    if (clickCount >= 2) {
       clickCount = 0;          //reset clickCount
       clearTimeout(timeoutID); //stop the single click callback from being called
       DoubleClickFunction();   //perform your double click action
    }
    else if (clickCount == 1) {
       //create a callback that will be called in a few miliseconds
       //the callback time determines how long the user has to click a second time

       var callBack = function(){ 
                         //make sure this wasn't fired at
                         //the same time they double clicked
                         if (clickCount == 1) {      
                            clickCount = 0;         //reset the clickCount
                            SingleClickFunction();  //perform your single click action
                         }
                      };

       //This will call the callBack function in 500 milliseconds (1/2 second).
       //If by that time they haven't clicked the LinkButton again
       //We will perform the single click action. You can adjust the
       //Time here to control how quickly the user has to double click.
       timeoutID = setTimeout(callBack, 500); 
    }
}

Vous pouvez soit mettre l'javascript directement dans votre .aspx fichier ou ajouter dynamiquement lorsque vous ajoutez le LinkButton à la page. Si vous avez besoin d'effectuer une action sur le côté serveur lorsque l'utilisateur seule clique ou double clics, vous pouvez utiliser l' __doPostBack méthode. Voir ici pour plus d'infos à ce sujet.

Le problème avec mon approche est que l'utilisateur de toujours avoir à attendre que la totalité de rappel de temps avant leur unique, cliquez sur action est effectuée. Je ne vois pas de moyen de contourner ce problème tant que vous êtes en utilisant un seul clic/double-cliquez pour distinguer ce que l'utilisateur veut. Si vous trouvez ce retard trop grand d'un problème, vous pouvez toujours essayer quelque chose comme le clic ou maj+clic pour basculer entre les actions. Il ne serait probablement pas aussi intuitif de cette façon, mais vous savez immédiatement ce que l'utilisateur veut et a pu répondre immédiatement au lieu d'attendre pour voir si l'utilisateur clique une deuxième fois.

Laissez-moi savoir si vous avez des questions.

Essayez d'utiliser ondblclick au lieu de onclick.

Pour que cela fonctionne correctement, vous devez également intercepter onclick et retourner false afin que la navigation automatique n'a pas lieu:

        LinkButton1.Attributes.Add("ondblclick", @"alert('test');");
        LinkButton1.Attributes.Add("onclick", @"return false;");

Essayez d'obtenir le nombre de clic et essayez d'effectuer une opération.je pense que ondbclick peuvent être mises en œuvre à l'aide de javascript.

int count = 0;
if(btn.Click == true)
{
  count++;
  if(count == 2)
   {
        //Perform the logic here
   }
}

EDIT:
Ce competent_tech dit est juste.vous pouvez effectuer cette logique

J'ai mis l'exemple de code javascript ici.

http://jsbin.com/ubimol/2/edit

Html:

  <input id="sin" type="button" value="Edit" onclick="singleClick();return false;"/>
    <input id="dou" style="display:none" type="button" value="Edit" onclick="doubleClick();return false;" />

Javascript:

var isDoubleClick = false;
function singleClick(){
   $("#sin").hide();$("#dou").show();

  //wait for 500 milliseconds.
  setTimeout("waitForSecondClick()", 500);


}


    function waitForSecondClick(){
    if(isDoubleClick == false){
       alert("this is a sinle click event, perform single click functionality");
      }

      isDoubleClick = false; //Reset
      $("#sin").show();$("#dou").hide();
    }

    function doubleClick(){
      isDoubleClick = true;

      alert("this is a double click event, perform double click funcitonality");



    }

Par l'introduction de la deuxième bouton avec la même valeur, la solution est stable, mais ont besoin d'un codage.

Dans les essais de l'exemple ci-dessus, j'ai trouvé que le formulaire de la GridView est contenue dans le envoyée à chaque fois que vous cliquez sur le LinkButton. Pour contourner cela, j'ai utilisé le code suivant.

Le script suivant va compter à chaque fois que l'utilisateur clique sur le lien.

<script type="text/javascript">    
    var clickNo = 0;    

    function clickCounter() {    
        clickNo++;    
        if (clickNo == 2) {    
            alert("Double Click");    
            clickNo = 0;    
        }    
    }    
</script>    

Nous annuler l'envoi du formulaire afin que nous puissions suivre le nombre de fois que l'utilisateur clique sur le lien. Cela peut causer des problèmes avec votre page, mais cela semble être la raison pour laquelle le double-clic ne peut pas être suivi.

<form id="form1" runat="server" onsubmit="return false;">    

J'ai créé un modèle de champ dans un GridView de contrôle pour afficher à la fois la simple clic et double-cliquez sur les boutons.

<asp:TemplateField HeaderText="Edit">    
    <ItemTemplate>    
        <asp:LinkButton ID="lnkBtnEdit" runat="server">LinkButton</asp:LinkButton>    
        &nbsp;&nbsp;    
        <asp:LinkButton ID="lnkBtnEditDouble" runat="server">LinkButton</asp:LinkButton>    
    </ItemTemplate>    
</asp:TemplateField>    

Dans le code-behind de la page, nous ajoutons la javascript code d'un seul clic, et le javascript code pour effectuer un double clic. Veuillez noter: la Cellule de référence est fixée à 2 alors que dans votre exemple, il était de 4, en raison du nombre limité de colonnes que j'ai utilisé lors de mes tests.

try     
{    
    if (e.Row.RowType == DataControlRowType.DataRow)    
    {    
        //Please note: the value in Cells has changed for my testing data.    
        LinkButton btn = (LinkButton)e.Row.Cells[2].FindControl("lnkBtnEdit");    

        btn.Attributes.Add("onclick", "javascript:alert('Single Click');");    

        LinkButton btnDouble = (LinkButton)e.Row.Cells[2].FindControl("lnkBtnEditDouble");    

        btnDouble.Attributes.Add("onclick", "javascript:clickCounter();");    
    }    
}    
catch (Exception ex)    
{    
    Console.WriteLine(ex.Message);    
}    

Cela devrait vous permettre de capturer double clique sur certains liens et unique clics sur les autres. Cependant, comme mentionné ci-dessus, le formulaire de soumission est maintenant annulée et vous devrez trouver une autre méthode pour soumettre vos données si vous utilisez le code ci-dessus.