通过javascript给.net传参量

本文介绍如何使用JavaScript将客户端屏幕分辨率、鼠标位置等信息传递给服务端控件并让服务端响应,以取得客户端鼠标坐标反馈到服务器端为例,给出了前台和后台代码示例,前台用JavaScript获取鼠标坐标,后台处理并显示坐标信息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

javascript是运行在客户端的,通过javascript可以得到客户端屏幕的分辨率,鼠标位置等信息,那么怎样才可以将这些信息传给服务端的控件,并让服务端做相应的响应呢,现
在能想到的办法大概就是通过HtmlControls做中介。
下面给出一个简单的例子。
取得客户端的鼠标坐标并反馈到服务器端
前台代码:
<%@ Page language="c#" Codebehind="mouseXY.aspx.cs" AutoEventWireup="false" Inherits="CommonFunction.mouseXY" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>mouseXY</title>
  <meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">
  <meta name="CODE_LANGUAGE" Content="C#">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
  <script language="javascript">
  function document.onmousemove()
        {
          document.all("txtbox").value = event.screenX + "x" + event.screenY;
        }
  </script>
 </HEAD>
 <body MS_POSITIONING="GridLayout">
  <form id="mouseXY" method="post" runat="server">
   <input id="txtbox" type="hidden" name="txtbox" runat="server">
   <asp:TextBox id="txtXY" style="Z-INDEX: 101; LEFT: 358px; POSITION: absolute; TOP: 85px" runat="server"></asp:TextBox>
   <asp:Label id="Label1" style="Z-INDEX: 102; LEFT: 269px; POSITION: absolute; TOP: 89px" runat="server">鼠标坐标:</asp:Label>
   <asp:Button id="btnGet" style="Z-INDEX: 103; LEFT: 282px; POSITION: absolute; TOP: 139px" runat="server" Text="获取当前客户端鼠标坐标"></asp:Button>
  </form>
 </body>
</HTML>

后台代码:
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

namespace CommonFunction
{
 /// <summary>
 /// mouseXY 的摘要说明。
 /// </summary>
 public class mouseXY : System.Web.UI.Page
 {
  protected System.Web.UI.HtmlControls.HtmlInputHidden txtbox;
  protected System.Web.UI.WebControls.Label Label1;
  protected System.Web.UI.WebControls.Button btnGet;
  protected System.Web.UI.WebControls.TextBox txtXY;
 
  private void Page_Load(object sender, System.EventArgs e)
  {
   
  }

  #region Web Form Designer generated code
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN:该调用是 ASP.NET Web 窗体设计器所必需的。
   //
   InitializeComponent();
   base.OnInit(e);
  }
  
  /// <summary>
  /// 设计器支持所需的方法 - 不要使用代码编辑器修改
  /// 此方法的内容。
  /// </summary>
  private void InitializeComponent()
  {   
   this.btnGet.Click += new System.EventHandler(this.btnGet_Click);
   this.Load += new System.EventHandler(this.Page_Load);

  }
  #endregion

  private void btnGet_Click(object sender, System.EventArgs e)
  {
   txtXY.Text = txtbox.Value;
  }


 }
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值