onclick事件与onserverclick事件

1.这里仅对web控件而言,onclick事件执行的是客户端中的代码,

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Click.aspx.cs" Inherits="onClickAndonServerClick.Click" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="A.js"></script>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
  <%-- onclick="Myonclick()"--%>
      <%--  onserverclick="btn_ClickServer"--%>
        <input type="button" onclick="Myonclick()"     id="btn1" value="按钮" />

    </form>
</body>
</html>

可以把事件写在html页面上,也可以放在调用的js文件中(此处为A.js)。

A.js:

function Myonclick() {
    alert("触发了onclick事件!");
}
function del() {
    alert("OK");
}

运行结果:

2.onserverclick事件,这个是执行服务端的方法。

 <input type="button" onserverclick="btn_ClickServer"     id="btn1" value="按钮" runat="server"/>

对应的在后台补充相应的事件:

 public void btn_ClickServer(object sender,EventArgs e)
        {

            string str = "<script>alert(‘你触发了onclickServer事件‘);</script>";
            Response.Write(str);
            Response.End();
        }

执行结果:

注意,当onclick事件与onserverclick()事件一起使用时,onclick事件先执行,但是要注意不要加了runat="server"属性,否者客户端js文件无法被调用。

时间: 2024-07-31 04:35:20

onclick事件与onserverclick事件的相关文章

给input的按钮控件添加onserverclick事件

前台: <input type="button" value="登录" id="login" onclick="" runat="server" onserverclick="Login_Click" />事件的名字自己命名 后台: 对应前台的事件名称里面的参数复制Page_Load事件里的参数就行 protected void Login_Click(object send

JavaScript事件代理和事件委托

一.概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件.那这是什么意思呢?网上的各位大牛们讲事件委托基本上都用了同一个例子,就是取快递来解释这个现象,我仔细揣摩了一下,这个例子还真是恰当,我就不去想别的例子来解释了,借花献佛,我摘过来,大家认真领会一下事件委托到底是一个什么原理: 有三个同事预计会在周一收到快递.为签收快递,有两种办法:一是三个人在公司门口等快递:二是委托给前台

js之事件冒泡和事件捕获详细介绍

(1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发. IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window (2)捕获型事件(event capturing):事件从最不精确的对象(document 对象)开

js绑定事件和解绑事件

在js中绑定多个事件用到的是两个方法:attachEvent和addEventListener,但是这两个方法又存在差异性 attachEvent方法  只支持IE678,不兼容其他浏览器 addEventListener方法   兼容火狐谷歌,不兼容IE8及以下 addEventListener方法 div.addEventListener('click',fn); div.addEventListener('click',fn2); function fn(){ console.log("春

关于事件捕获和事件冒泡

这篇随笔主要是写关于事件冒泡和事件捕获的一些关联,主要是从<JavaScript高级程序设计>这本书第13章总结扩展而来,今天主要是想扩展对书本里面P358页以及加深一下理解. 一.先说一下定义: 事件冒泡阶段:从最具体的元素,即目标事件位置往文档的根节点方向回溯,从内向外冒泡事件对象(所有浏览器都支持). 事件捕获阶段:先由文档的根节点document往事件触发对象,从外向内捕获事件对象(DOM2级事件要求时间从document对象开始传播,但是IE9,Safari,Chrome,Opera

事件机制(事件冒泡与事件捕获)

<div id="outer"> <p id="inner">Click me!</p> </div> 事件冒泡 微软提出了名为事件冒泡(event bubbling)的事件流.时间冒泡就是指事件会从最内层的元素开始发生,一直向上传播,直到document对象. 因此上面的例子在事件冒泡的概念下发生click事件的顺序应该是p -> div -> body -> html -> document

焦点 、event对象、事件冒泡、事件绑定、AJAX知识点备忘

焦点:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入. 设置焦点的几种方式: 1.点击 2.TAB键 3.JS onfocus   onblur 属性 var oinp=document.getElementById('shuru') oinp.onfocus=function(){ if(oinp.value=='请输入'){ oinp.value='' } } oinp.onblur=function(){ if(oinp.value==''){ oinp

js 事件冒泡和事件捕获

(1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发. IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window (2)捕获型事件(event capturing):事件从最不精确的对象(document 对象)开

JS 事件绑定、事件监听、事件委托详细介绍

事件绑定 要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的绑定事件的方法: 在DOM元素中直接绑定: 在JavaScript代码中绑定: 绑定事件监听函数. 在DOM中直接绑定事件 我们可以在DOM元素上绑定onclick.onmouseover.onmouseout.onmousedown.onmouseup.ondblclick.onkeyd