asp.net javascript回车键事件http://hi.baidu.com/xuexiang516168/blog/item/90f2bc4bc316372908f7eff4.html

有asp.net里面用了form runat=server的表单的时候,里面的<asp:button .. 总不能按个回车提交表单,很是不爽。
现在终于发现了一个属性可以干这个事情,用 this.Form.DefaultButton = "ContentPlaceHolder1$btn";
值得注意的是,如果用了masterPage(模板页),那么要在按钮ID前加上模板的ContentPlaceHolderID和一个美元符($)

相关的代码如下:
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="tagSearch.aspx.cs" Inherits="tagSearch" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:TextBox runat="server" ID="wd" ></asp:TextBox><asp:Button ID="btn" runat="server" Text="搜索" OnClick="btn_Click" />
...........................
</asp:Content>

在CS里面
protected void Page_Load(object sender, EventArgs e)
{
this.Form.DefaultButton = "ContentPlaceHolder1$btn";
}

/

如何在ASP.NET页面中,按回车键就执行相应按钮的Click()事件?

这得借助前台的js代码来完成!

①单输入框(文本框)单按钮的实现方法

以下功能实现:在输入框中输入内容之后,按回车键就执行按钮事件!

在.aspx页面的Head区域中添加:

<script type="text/javascript">
function Enter()
{
if(event.keyCode==13)
{
event.keyCode = 9;
event.returnValue=false;
document.getElementById('Button1').click();
//document.all('Button1').click();
}
}
</script>

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
this.TextBox1.Attributes.Add("onkeydown", "Enter(this)");
}
TextBox1.Focus();
}

②多输入框(文本框)多按钮的实现方法

以下功能实现,在不同的输入框中输入内容后,按回车键执行不同的按钮事件!  

在.aspx页面的Head区域中添加:

<script   type="text/javascript">  
function   BtnClick(obj)  
{  
if(event.keyCode==13)  
{  
if(obj==document.all.文本框ID)  
{  
document.all.Button1.click();  
}  
else  
{  
document.all.Button2.focus();  
document.all.Button2.click();  
}  
}  
}  
</script>   

在页面的cs文件的Load中添加:

this.文本框ID.Attributes.Add("onkeydown",   "BtnClick(this);");  
this.另外的文本框ID.Attributes.Add("onkeydown",   "BtnClick(this);");

<androidx.constraintlayout.widget.ConstraintLayout android:id="@+id/listinfo" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/round_style" android:elevation="4dp" android:layout_margin="8dp" android:clickable="true" android:padding="10dp"> <com.xuexiang.xui.widget.textview.autofit.AutoFitTextView android:id="@+id/code" style="@style/item_show_title" android:layout_width="14dp" android:layout_height="16dp" android:paddingTop="2dp" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> <com.xuexiang.xui.widget.textview.autofit.AutoFitTextView style="@style/item_show_title" android:id="@+id/name" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/code"/> <com.xuexiang.xui.widget.textview.autofit.AutoFitTextView style="@style/item_show_title" android:id="@+id/spec" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/name"/> <com.xuexiang.xui.widget.textview.autofit.AutoFitTextView style="@style/item_show_title" android:id="@+id/composition" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/spec"/> <com.xuexiang.xui.widget.textview.autofit.AutoFitTextView style="@style/item_show_title" android:id="@+id/weight" app:layout_constraintStart_toEndOf="@+id/composition" app:layout_constraintTop_toBottomOf="@+id/spec"/> <ImageView android:id="@+id/status" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toBottomOf="@+id/name" app:layout_constraintTop_toTopOf="parent" /> <View style="@style/item_show" android:id="@+id/view_task_list" android:layout_width="match_parent" android:layout_height="1dp" android:background="#cccccc" android:layout_marginTop="3dp" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toBottomOf="@+id/composition" app:layout_constraintStart_toStartOf="@+id/composition"/> </androidx.constraintlayout.widget.ConstraintLayout>点击表格,显示弹窗展示列内容
06-04
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值