2012-01-12 19 views
0

私は、テキストボックスのあるフォームを持っています: KeyPressイベントによるアラートメッセージを表示して値を変更したところで値は変わりましたが、IEで「Use AutoComplete for Form」を有効にしてからユーザーがダブルクリックしてテキストを選択すると機能しません「可能なエントリーのリストから、ユーザーは前にタイプしました」。AUTOCOMPLETEリストから<input type = "text">のデータ選択時にJS関数を呼び出す方法は?

答えて

1

は、この目的のためにクライアント側の「onpropertychange」イベントを使用:

ここでは、両方のsta ndardとDevExpress社(あなたがそれを使用しているように見えます)テキストボックスは:

<script type="text/javascript" src="jquery-1.7.1.min.js"></script> 
<script type="text/javascript"> 
    //DevExpress ASPxTextBox 
    function OnInit(s, e) { 
     var inputElement = s.GetInputElement(); 
     ASPxClientUtils.AttachEventToElement(inputElement, "propertychange", function (event) { 
      if (event.propertyName === "value") { 
       alert("Value Changed"); 
       alert(event.srcElement.value); 
      } 
     }); 
    } 

    //Standard Input 
    $(document).ready(function() { 
     var inputElement = document.getElementById("txt"); 
     //var inputElement = document.getElementById('<%=txt.ClientID%>'); 
     inputElement.attachEvent("onpropertychange", function (event) { 
      if (event.propertyName === "value") { 
       alert("Value Changed"); 
       alert(event.srcElement.value); 
      } 
     }); 
    }); 
</script> 

<dx:ASPxTextBox ID="txtDX" runat="server" Width="170px"> 
    <ClientSideEvents Init="OnInit" /> 
</dx:ASPxTextBox> 
<br /> 
<input id="txt" type="text" runat="server" /> 
<br /> 
<asp:Button ID="btn" runat="server" Text="Button" /> 
0
+0

ねえ、私はちょうどリストからユーザーを選択した値がブラウザによって示されたときにイベントを処理する、オートコンプリートしたくありません。 –

関連する問題