移动设备的Web应用程序开发----(事件和输入)

原创 2003年10月25日 22:36:00

移动.NET事件

Mobile Controls exposes device independent programmable events.<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

事件编程

移动控件有一个可对属性,方法和事件编程的对象模型。

要得到完整的信息请参考“参考部分”。

提交文本

这个页面有两个表单:

<%@ Page

Inherits=

"System.Web.UI.MobileControls.MobilePage"%>

<%@ Register

TagPrefix="Mobile"

Namespace="System.Web.UI.MobileControls"

Assembly="System.Web.Mobile" %>

<script runat="server">

Dim age

 

Sub AgeClick(sender As Object, e As EventArgs)

age=text1.Text

ActiveForm=Form2

End Sub

Sub Form2_Activate(sender As Object,e As EventArgs)

  message.Text="You are " & age & " years old"

End Sub

</script>

 

<<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" />Mobile:Form id="form1" runat="server">

<Mobile:Label runat="server">Age?</Mobile:Label>

<Mobile:TextBox runat="server" id="text1" />

<Mobile:Command runat="server" OnClick="AgeClick" Text="Submit" />

</Mobile:Form>

 

<Mobile:Form id="form2" runat="server" OnActivate="Form2_Activate">

<Mobile:Label runat="server" id="message" />

</Mobile:Form>

当一个页面有两个表单的时候,第一个表单总是作为打开的默认表单。

第一个表单有一内容是Agelabel控件,一个输入控件用来输入年龄(Age)以及一个提交(Submit)按钮。

第二个页面通过第一个页面的提交按钮激活(译者注:偶觉的是第二个Form通过第一个Form的提交按钮激活,而不是原文种的Page。),同时显示相应信息。

当应用程序运行在移动设备上的时候,这两个页面看起来就像下面:

Form1:

Age?



Form 2

You are 11 years old





移动.NET输入

Input Controls are used to collect input from the mobile user.

输入控件

有很多的移动控件支持用户输入。

在前面章节的demo中,最长用的输入控件可能就是TextBox控件了。TextBox是完成一些简单的输入,比如像姓名,数量,以及标识符和关键字。

如果输入大量的文本那么TextView控件可能是更好的选择。TextView控件允许长的多行的输入就像你用MSN给其他人发消息一样。

数字输入

我们可以通过设置TextBox的属性NumericTextBox只接收来接收数字的输入信息。

注意:这个特性通常工作在通过改变从文字到数字的输入模式的手机上。然而在HTML的浏览器上,通常不支持这种行为。

密码输入

我们可以将TextBox控件的Password属性设置成true或者false来指定TextBox处理密码字段。

密码字段将会通过*(星号)替换原始的文本来隐藏输入信息。

列表控件

TextBoxTextView控件是非常适合输入信息的,但是有时你想让用户从已有的列表中选择事先定义好的值。

SelectionList控件支持下拉列表,复选选框和单选按钮。这部分的内容将在其他的章节介绍。

List控件支持菜单和列表的选项,List控件将会在其他的章节介绍。

用户界面控件

用户控件是显示用户界面的控件集。

Name

Function

Command

Performs an action

Form

Defines a container for mobile controls

Image

Defines an image

Label

Defines a text

Link

Defines a hyperlink

List

Defines a list

MobilePage

Defines a container for mobile controls

ObjectList

Defines a list of data objects

Panel

Defines a container for other controls

SelectionList

Defines a list to select from

StyleSheet

Defines styles to be applied to other controls

TextBox

Defines a single line input box

TextView

Defines a multi-line input box

需要了解更多的控件参考,包括属性方法,事件和更多的例子,请参考”Mobile Reference”页面。

文本框输入后立即触发事件

文本框输入事件:onchange 、onkeyup 、onblur onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会...
  • meizhiyun
  • meizhiyun
  • 2013年11月27日 12:14
  • 94090

Android处理输入事件的流程(一)

我一直觉得要想学习Android,我们有必要研究一下Android的输入子系统,Android手机最主要的输入是触摸屏和各种传感器。因为我的开发板是盒子,加上自己没有触摸屏的条件,所以我都是以USB键...
  • cyz_1257
  • cyz_1257
  • 2016年06月19日 12:25
  • 804

输入框事件监听(一):keydown、keyup、input

当输入框的值发生变化时,我们可以通过keydown、keyup、input、onchange、blur事件观察到其值的变化,但它们的应用时机与应用场景存在显著的差异...
  • yiifaa
  • yiifaa
  • 2016年08月30日 18:44
  • 14624

Android输入事件从读取到分发一:是谁在读取输入事件

零. 第一次尝试阅读android输入系统的代码,免不了理解错误,如有错误,欢迎指正。 一.提出问题 android是基于linux kernel的,linux的事件获取需要读/dev/input下的...
  • u011913612
  • u011913612
  • 2016年06月18日 17:05
  • 1627

HTML 输入框input事件监听实例

监听输入框值的即时变化 onpropertychange oninput function immediately(){ var element = document.getElementBy...
  • ziyeH2
  • ziyeH2
  • 2013年06月13日 15:15
  • 4088

有关input输入框内容改变后的触发事件

有关input输入框内容改变后的触发事件,也是今天遇到的问题。我使用时间插件为输入框填充内容,想实现输入框内容改变后执行相应的方法,发现使用change方法没有反应。百度了半天,最后才发现问题所在。我...
  • yyc13579
  • yyc13579
  • 2017年08月02日 22:05
  • 2752

JavaScript监听input等表单输入框的变化事件oninput

js监听input等表单输入框的变化事件oninput,手机页面开发中使用到文本框textarea输入字符监听文本框变化计算还可以输入多少字符,如果使用onkeyup的话是无法监听到输入法输入的文本变...
  • u013063153
  • u013063153
  • 2016年09月10日 22:20
  • 2830

如何实时监听 input 和 textarea输入框值的变化

在实际前端开发中我们经常会遇到要实时监听用户的输入,根据不同的输入值来采取不同的措施。举一个常见的例子:我们在使用Google 搜索框进行搜索时,每多输入一个字,搜索框下方显示的匹配结果会实时变化。这...
  • ruoyiqing
  • ruoyiqing
  • 2015年03月13日 14:57
  • 11985

AS3文本框的四个基本事件

文本框的四个基本事件是  FocusEvent.FOCUS_IN(收到焦点)  FocusEvent.FOCUS_OUT(失去焦点)  Event.CHANGE(文本发生变化)  TextEv...
  • eric88
  • eric88
  • 2013年10月14日 15:47
  • 4262

vue使用自定义事件的表单输入组件(日期组件与货币组件)

自定义事件可以用来创建自定义的表单输入组件,使用 v-model 来进行数据双向绑定。 v-model的实现原理 : 这不过是以下示例的语法糖: 在开发项目中,当遇...
  • hanxue_tyc
  • hanxue_tyc
  • 2017年11月03日 16:51
  • 168
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:移动设备的Web应用程序开发----(事件和输入)
举报原因:
原因补充:

(最多只允许输入30个字)