美高梅平台下载-美高梅娱乐平台登录

热门关键词: 美高梅平台下载,美高梅娱乐平台登录

使用Tab按键切换页面元素的焦点,接下来我们使

日期:2020-01-14编辑作者:美高梅娱乐平台登录

美高梅娱乐平台登录 ,分析:页面上存放四个文本框 3、 运行程序 那页面中如果有TextArea 元素,我们如何使用Enter切换焦点呢,办法是有的,如下充分运用了Jquery的一些特性。 美高梅平台下载 ,4、 HTML代码 复制代码 代码如下:

页面初始化时,焦点定位第一个文本框内

接下来我们使用Jquery实现回车键Enter切换焦点,此代码在常用浏览器IE7, IE8, Firefox 3, Chrome 2 和 Safari 4测试通过。使用的开发工具是微软VS2010+Jquery框架。 实现步骤如下 1、 首先引用Jquery类库

         页面中所以的TextBox 引用Class=”cls”,便于后期的对页面元素的Jquery查询。

2、 Javascript代码 复制代码 代码如下:

$(":input:text:eq(" + nxtIdx + ")").focus();   

分析: $.focus(); 页面初始化时,焦点定位第一个文本框内 var $inp = $; 取的type=文本框的元素集合 $inp.bind('keydown', function {} 给文本框集合绑定'keydown'事件 var key = e.which; 取的当前按下的键值 比如Enter的键值=13 e.preventDefault(); 可以阻止它的默认行为的发生而发生其他的事情,在这里我们组织PostBack发生,而是切换焦点。另外一个相近的方法是stopPropagation,它起到阻止js事件冒泡的作用。 事件代理用到了两个在JavaSciprt事件中常被忽略的特性:事件冒泡以及目标元素。当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。对任何一个事件来说,其目标元素都是原始元素,在我们的这个例子中也就是按钮。目标元素它在我们的事件对象中以属性的形式出现。使用事件代理的话我们可以把事件处理器添加到一个元素上,等待事件从它的子级元素里冒泡上来,并且可以很方便地判断出这个事件是从哪个元素开始的。 var nxtIdx = $inp.index + 1; 取的元素集合inp中的下一个元素索引 $(":input:text:eq.focus(); 定位焦点到集合的下一个元素 3.、HTML代码 复制代码 代码如下:

那页面中如果有TextArea 元素,我们如何使用Enter切换焦点呢,办法是有的,如下充分运用了Jquery的一些特性。

分析: 页面中所以的TextBox 引用Class=”cls”,便于后期的对页面元素的Jquery查询。 5、 Javascript代码 复制代码 代码如下:

4、 HTML代码

分析: var $inp = $; 取的样式为cls的所有元素 赋值给变量inp 6、 运行效果 作者:灵动生活

1、 首先引用Jquery类库

var $inp = $('.cls');

分析:

var $inp = $('input:text');   

5、 Javascript代码

可以阻止它的默认行为的发生而发生其他的事情,在这里我们组织PostBack发生,而是切换焦点。另外一个相近的方法是stopPropagation,它起到阻止js事件冒泡的作用。

  

美高梅平台下载 1**

取的当前按下的键值 比如Enter的键值=13

<script type="text/javascript">

        $(function () {

            $('input:text:first').focus();

            var $inp = $('.cls');

            $inp.bind('keydown', function (e) {

                var key = e.which;

                if (key == 13) {

                    e.preventDefault();

                    var nxtIdx = $inp.index(this) + 1;

                    $(".cls:eq(" + nxtIdx + ")").focus();

                }

            });

        });

    </script>

 

定位焦点到集合的下一个元素

         使用的开发工具是微软VS2010+Jquery框架。

2、 Javascript代码

6、 运行效果

 

 

<div>

        <asp:TextBox ID="txt1" runat="server" /><br />

        <asp:TextBox ID="txt2" runat="server" /><br />

        <asp:TextBox ID="txt3" runat="server" /><br />

        <asp:TextBox ID="txt4" runat="server" /><br />

    </div>

本文由美高梅平台下载发布于美高梅娱乐平台登录,转载请注明出处:使用Tab按键切换页面元素的焦点,接下来我们使

关键词:

选择所有的div标签元素

基本选择器: $选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素...

详细>>

绑定的事件我想肯定是click $.ready{

终极目的:想做一个方便的排序功能。具体实现:点击后可以输入排序的数字编号,移开后自动更新数据库。1,我想...

详细>>

美高梅平台下载一般禁止body滚动的做法就是设置

网上有很多黑科技解决这个问题,都不是从根本去解决,例如通过js控制弹出时html加上position:fixed;弹窗关闭后再去掉...

详细>>

接下来我们要做的就是把这个子组件引入到父组

在此之前,子组件到父组件的传递事件我一般还是使用$emit和$on,因为这个操作理解起来并不难,代码一般也挺清晰。...

详细>>