找回密码
 会员注册
查看: 116|回复: 0

Asp.net 在后台代码中给html中的input添加点击事件,以及获取input中的输入

[复制链接]

1389

主题

5

回帖

496万

积分

管理员

积分
4962992
发表于 2024-2-29 08:10:38 | 显示全部楼层 |阅读模式

给input添加点击事件,获取input中输入的内容

在这里我添加了三个常用的input标签,它们的类型分别是text,submit,button。

在这里插入图片描述

  1. 如果我们想要在后台中为它们添加点击事件(也就是在 .cs文件中),就必须为它添加 runat=“server” 以及 onserverclick=“点击事件的名称”。
    注意:是onserverclick不是onclick, 为onclick添加的方法可以在当前页面的js中定义,在后台中编写是无效的。

  2. 如果我们想要在后台中获取input的输入值,那么我们需要为它添加两个属性一个是id=“自定义名称”,另一个是runat=“server”。然后我们就可以通过:自定义名称.value来获取输入的值。在这里就是Text1.Value

在这里我编写了两个弹窗来测试一下点击事件是否有效

  1. //括号里参数就仿照一般的按钮点击事件来写就行
  2. protected void click1(object sender, EventArgs e)
  3. {
  4. //弹窗显示输入框中的值,通过Text1.Value来获取
  5. Response.Write("<script>alert('" + Text1.Value + "')</script>");
  6. }
  7. protected void click2(object sender, EventArgs e)
  8. {
  9. //弹窗显示hahaha
  10. Response.Write("<script>alert('hahaha')</script>");
  11. }
复制代码

运行起来输入hello,分别点击按钮1、按钮2。可以看到已经实现了目标效果

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述


来源:https://blog.csdn.net/showadwalker/article/details/89176616
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?会员注册

×
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

QQ|手机版|心飞设计-版权所有:微度网络信息技术服务中心 ( 鲁ICP备17032091号-12 )|网站地图

GMT+8, 2024-12-27 14:23 , Processed in 0.406960 second(s), 27 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表