Agregar eventos de cliente a controles ASP.NET

Eventos

Cómo: Agregar eventos de script de cliente
a los controles de servidor web ASP.NET
El script de cliente se puede agregar a los controles de una página Web ASP.NET
mediante declaración, del mismo modo que se agregarían a elementos
HTML. Opcionalmente, puede agregar eventos de script de cliente a un control de
servidor Web ASP.NET mediante programación, lo que resulta útil cuando el evento o
el código depende de información que sólo está disponible en tiempo de ejecución

Para agregar un evento onclick de script de cliente a los botones es necesario seguir un
procedimiento especial, que se explica más adelante

Para agregar un controlador de eventos de cliente a un control de servidor ASP.NET mediante
declaración

En el formato del control, agregue un atributo para el evento, por ejemplo, onmouseover u
onkeyup. Para el valor del atributo, agregue el script de cliente que desea ejecutar.

Agregue siempre un punto y coma (;) a continuación del script de cliente en el atributo. Esto es
necesario para que, si ASP.NET genera el script de cliente para el control

Ejemplo 01

En el ejemplo de código siguiente se muestra una página web ASP.NET que incluye un
script de cliente que cambia el color del texto de un botón cuando el usuario pasa el
puntero por encima de él.

<script type="text/javascript">
var previousColor;
function MakeRed() {
previousColor = window.event.srcElement.style.color;
window.event.srcElement.style.color = "#FF0000";
}
function RestoreColor() {
window.event.srcElement.style.color = previousColor;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:button id="Button1" runat="server"
text="Button1"
onmouseover="MakeRed();"
onmouseout="RestoreColor();" />
</div>
</form>

Cómo: Responder a los eventos de un
control Button de servidor web en un
script de cliente
Los controles de botón pueden desencadenar eventos de servidor y eventos de cliente.
Los eventos de servidor se producen después de devoluciones (postbacks) y se
controlan en el código del servidor que se ha escrito para la página. Los eventos de
cliente se controlan en un script de cliente, normalmente JavaScript (ECMAScript) y se
desencadenan antes de enviar la página. Si agrega eventos de cliente a los controles de
botón de ASP.NET, puede realizar tareas, como mostrar cuadros de diálogo de
confirmación antes de enviar la página y cancelar el envío de la página a la vez.

Para agregar un script de cliente, que controla el evento OnClientClick, a un control de
botón de servidor Web

En el control de botón de servidor Web de ASP.NET al que desea agregar un script de
cliente (un control Button, LinkButton o ImageButton), establezca la propiedad
OnClientClick en el script de cliente que desea ejecutar

En el ejemplo de código siguiente se muestra cómo agregar un evento Click de script
de cliente a un control Button

<script runat="server">
Sub Button1_Click(ByVal sender As Object, _
ByVal e As System.EventArgs)
Label1.Text = "Server click handler called."
End Sub
</script>

<body>
<form id="form1" runat="server">
<asp:Button ID="Button1" Runat="server"
OnClick="Button1_Click"
OnClientClick="return confirm('Ready to submit.')"
Text="Test Client Click" />
<br />
<asp:Label ID="Label1" Runat="server" text="" />
</form>
</body>

Agregar eventos de cliente a controles ASP.NET

Recomendados

Recomendados

Más contenido relacionado

Similar a Agregar eventos de cliente a controles ASP.NET

Similar a Agregar eventos de cliente a controles ASP.NET (20)

Más de gina huertas

Más de gina huertas (7)

Agregar eventos de cliente a controles ASP.NET