source

특정 단추에 기본 '입력'을 설정하는 방법

nicesource 2023. 7. 3. 22:57
반응형

특정 단추에 기본 '입력'을 설정하는 방법

내용 페이지에 텍스트 상자가 있습니다.사용자가 해당 텍스트 상자에 입력을 누르면 이 콘텐츠 페이지에서 '제출' 버튼을 실행하려고 합니다.저는 그 특정 버튼의 이벤트를 시작하고 싶습니다.

대신 마스터 페이지의 페이지 상단에 검색 텍스트 상자 & 버튼이 있고 이 검색 버튼의 이벤트가 실행됩니다.

마스터 페이지의 검색 단추 대신 내용 페이지의 제출 단추를 실행하려면 어떻게 해야 합니까?

저는 콘텐츠 관리를 위해 Ektron CMS를 사용하고 있습니다.

가장 쉬운 방법은 패널 내부에 필드와 단추를 넣고 기본 단추를 입력할 때 활성화할 단추로 설정하는 것입니다.

<asp:Panel ID="p" runat="server" DefaultButton="myButton">
  <%-- Text boxes here --%>
  <asp:Button ID="myButton" runat="server" />
</asp:Panel>

만약 당신이 코드에서 그것을 할 필요가 있다면, 사용하세요.

Me.Form.DefaultButton = Me.btn.UniqueID

어디에btn단추 컨트롤입니다.

사용할 수 있습니다.DefaultButton속성을 지정할 수 있습니다.이 경우 컨트롤을 그룹화합니다.Panel동일한 버튼이 울릴 것입니다.

<asp:Panel ID="SearchBox" runat="server" DefaultButton="BtnSearch">
    ...
    <asp:Button ID="BtnSearch" runat="server" Text="Search!" />
</asp:Panel>
....
<asp:Panel ID="UserPanel" runat="server" DefaultButton="BtnUserSubmit">
    ...
    <asp:Button ID="BtnUserSubmit" runat="server" Text="Submit" />
</asp:Panel>

이제 UseSubmitBehavior 속성을 사용하여 Submit을 누를 때 실행하지 않을 모든 버튼을 비활성화할 수 있습니다(자세한 내용은 설명서 참조).

    <asp:Button ID="BtnNotToFIre" runat="server" Text="Search" UseSubmitBehavior="false" />

Microsoft의 의견:

<form id="Form1"
    defaultbutton="SubmitButton"
    defaultfocus="TextBox1"
    runat="server">

여기에 링크 설명 입력

$(document).ready(function(){
    document.getElementById("text_box_id")
    .addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("button_id").click();
    }
    });
});

언급URL : https://stackoverflow.com/questions/7638119/how-to-set-a-default-enter-on-a-certain-button

반응형