Le feu de l'événement sur la touche enter appuyez sur une zone de texte

J'ai le texte suivant asp.net contrôle de zone de texte.

<asp:TextBox ID="txtAdd" runat="server" />

Après que l'utilisateur a écrit quelque chose dans cette zone de texte et appuie sur le ENTRÉE clé, j'ai besoin d'exécuter du code à partir du code-behind.

Que dois-je faire?

À l'aide de jQuery, j'ai capturé ENTRÉE clés et tirèrent quelques bouton caché événement

$(document).ready(function(){ 
   $(window).keydown(function(e){
      if(e.keyCode == 13) $('#<% addbtn.ClientID %>'.click();
   }); 
});

Est-il un meilleur moyen ?

InformationsquelleAutor ALAN | 2012-10-31

31

ASPX:
```
<asp:TextBox ID="TextBox1" clientidmode="Static" runat="server" onkeypress="return EnterEvent(event)"></asp:TextBox>    
<asp:Button ID="Button1" runat="server" style="display:none" Text="Button" />
```
JS:
```
function EnterEvent(e) {
        if (e.keyCode == 13) {
            __doPostBack('<%=Button1.UniqueID%>', "");
        }
    }
```
CS:
```
protected void Button1_Click1(object sender, EventArgs e)
    {

    }
```
- Une autre option est de donner à l'asp:TextBox une classe unique et dans le javascript n' $(".MyUniqueButtonClass")[0].cliquez sur(). C'est un peu plus simple et s'appuie moins sur asp.net détails de mise en œuvre de __doPostBack.
- Ne devrait-elle pas être UniqueID au lieu de UniqueId? Coincé avec le 6-limite de caractères pour les montages 🙁
- Sue Maurizio - Currect, doit être UniqueID je vais corriger ça, merci
- ce sujet de l'entrée sur le pavé numérique
InformationsquelleAutor ahaliav fox
110
1. Envelopper la zone de texte à l'intérieur de asp:Panel tags
2. Cacher un Bouton qui a un événement click qui fait ce que vous voulez faire et de donner la <asp:panel> un DefaultButton Attribut avec l'ID du Bouton Caché.
```
<asp:Panel runat="server" DefaultButton="Button1">
   <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>    
   <asp:Button ID="Button1" runat="server" style="display:none" OnClick="Button1_Click" />
</asp:Panel>
```
- Beaucoup plus de la réponse correcte, que celui qui est accepté.
- ce doit être la accepté de répondre, en fait.
- Les travaux de cette. Je vous remercie.
- Sa ne marche Pas quand j'appuie sur certaines touches dans la zone de texte.. événement n'est pas appelé..
- Il n'est pas censé attraper quelques touches, uniquement lorsque la touche entrée est pressée
- Cela devrait être la bonne réponse. Bien meilleure solution!
- La bonne mise en œuvre, encore une fois réitérer....LA BONNE RÉPONSE
- Bien que cela soit techniquement la réponse "correcte" à partir d'un ASP point de vue, il n'est pas forcément la meilleure réponse. En utilisant cette solution permettra de modifier la plupart (tous?) les navigateurs comportement par défaut lors d'une sélectionner l'élément ou le fichier d'entrée de l'élément a le focus et que la touche entrée est enfoncée. Normalement, il sélectionnez options devraient être ouverts ou sélectionné et le navigateur de fichier ouvert. Au lieu de cela, le formulaire est soumis. De Plus, il ya supplémentaire potentiellement inutiles HTML qui est ajouté à la page, car le panneau de div. Je préfère de beaucoup la plus propre, solution personnalisée qui utilise JavaScript et les noms de classe.
- La question d'origine inclus ASP.NET, donc, oui, la réponse avec un Panneau en réalité est la meilleure réponse. Certainement pour quelque autre situation sans ASP.NET ou dans une forme plus compliquée, il existe d'autres implémentations. L'ajout de doutes, qui ne sont pas strictement appliquer dans la section des commentaires qui rend plus difficile pour les personnes qui en sont encore à apprendre.
InformationsquelleAutor Jimmy Mattsson
11

Vous pourriez envelopper la zone de texte et un bouton dans une page ASP:Panel, et de définir la DefaultButton propriété du groupe à l'Id de votre bouton Soumettre.
```
<asp:Panel ID="Panel1" runat="server" DefaultButton="SubmitButton">
    <asp:TextBox ID="TextBox1" runat="server" />
    <asp:Button ID="SubmitButton" runat="server" Text="Submit" OnClick="SubmitButton_Click" />
</asp:Panel>
```
Maintenant à tout moment l'accent est mis dans le groupe, le 'SubmitButton_Click' événement se déclenche lorsque la touche entrée est pressée.
- Le bouton ID doit être "btnSubmit' ouais?
InformationsquelleAutor wblanks
5

ahaliav fox 's réponse est correcte, mais il y a un petit problème de codage.

Changement
```
<%=Button1.UniqueId%> 
```
à
```
<%=Button1.UniqueID%> 
```
il est sensible à la casse. De contrôle.L'Id Unique De La Propriété

Erreur 14 'Système.Web.L'INTERFACE utilisateur.Contrôles webcontrols.Bouton' ne contient pas une définition pour 'id unique' et aucune méthode d'extension 'id unique' acceptant un premier argument de type 'System.Web.L'INTERFACE utilisateur.Contrôles webcontrols.Bouton " pourrait être trouvé (vous manque une directive using ou une référence d'assembly?)

N. b. J'ai essayé le TextChanged événement moi-même sur AutoPostBack avant de chercher la réponse, et bien c'est presque juste, il ne donne pas le résultat souhaité, je voulais ni pour la question posée. Il se déclenche à perdre le focus sur l' Textbox et non pas lorsque vous appuyez sur la touche retour.

InformationsquelleAutor Matthew Radford

mon jQuery alimenté solution est ci-dessous 🙂

Élément De Texte:

<asp:TextBox ID="txtTextBox" ClientIDMode="Static" onkeypress="return EnterEvent(event);" runat="server"></asp:TextBox>
<asp:Button ID="btnSubmitButton" ClientIDMode="Static" OnClick="btnSubmitButton_Click" runat="server" Text="Submit Form" />

Javascript derrière:

<script type="text/javascript" language="javascript">
    function fnCheckValue() {
        var myVal = $("#txtTextBox").val();
        if (myVal == "") {
            alert("Blank message");
            return false;
        }
        else {
            return true;
        }
    }

    function EnterEvent(e) {
        if (e.keyCode == 13) {
            if (fnCheckValue()) {
                $("#btnSubmitButton").trigger("click");
            } else {
                return false;
            }
        }
    }

    $("#btnSubmitButton").click(function () {
        return fnCheckValue();
    });
</script>

InformationsquelleAutor Sedat Kumcu

<asp:Panel ID="Panel2" runat="server" DefaultButton="bttxt">
    <telerik:RadNumericTextBox ID="txt" runat="server">
    </telerik:RadNumericTextBox>
    <asp:LinkButton ID="bttxt" runat="server" Style="display: none;" OnClick="bttxt_Click" />
</asp:Panel>

protected void txt_TextChanged(object sender, EventArgs e)
{
    //enter code here
}

InformationsquelleAutor Asanka Namal

1

Essayer de suivre:
Aspx:
```
<asp:TextBox ID="TextBox1" clientidmode="Static" runat="server" onkeypress="EnterEvent(event, someMethod)"></asp:TextBox>    
<asp:Button ID="Button1" onclick="someMethod()" runat="server" Text="Button" />
```
JS:
```
function EnterEvent(e, callback) {
        if (e.keyCode == 13) {
            callback();
        }
    }
```
- C'est presque une copie exacte d'un déjà accepté de répondre, comment serait-il ajouter de la valeur à la question?
- Merci Marco pour ton commentaire. Dans mon cas, c'était la solution. Quand j'ai eu différents contrôles et j'avais besoin de leur donner le même comportement. Et j'ai pu utiliser qu'une seule méthode universelle au lieu de coder en dur partout. J'ai seulement fait part de mon expérience que j'ai utilisé dans mon projet.
InformationsquelleAutor Vadym Klyachyn

Essayer cette option.

mise à jour que le codage de la partie dans l'événement Page_Load avant d'attraper IsPostback

 TextBox1.Attributes.Add("onkeydown", "if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {document.getElementById('ctl00_ContentPlaceHolder1_Button1').click();return false;}} else {return true}; ");

InformationsquelleAutor Anwar Sadat

<input type="text" id="txtCode" name="name" class="text_cs">

et js:

<script type="text/javascript">
$('.text_cs').on('change', function () {
var pid = $(this).val();
console.log("Value text: " + pid);
});
</script>

InformationsquelleAutor Tran Anh Hien

-1

Mon 2c.. j'ai utilisé du javascript, mais elle fait des choses qui n'étaient pas tout à fait attendu.

UTILISER le panneau de defaultButton attribut/propriété comme bon nombre des postes ci-dessus suggèrent. Il est fiable (FACILE) et fonctionne dans tous les navigateurs que j'ai testé sur.

InformationsquelleAutor roblem

Vous devez vous connecter pour publier un commentaire.