当前位置: 首页 > news >正文

物流网站毕业设计论文/宁波如何做抖音seo搜索优化

物流网站毕业设计论文,宁波如何做抖音seo搜索优化,中企动力做网站 知乎,做网站是要收费的吗系统默认情况下,使用Tab按键切换页面元素的焦点,有没有想过回车键Enter也可以实现这种功能,并且具有良好的用户体验。接下来我们使用Jquery实现回车键Enter切换焦点,此代码在常用浏览器IE7, IE8, Firefox 3, Chrome 2 和 Safari 4…

 

系统默认情况下,使用Tab按键切换页面元素的焦点,有没有想过回车键Enter也可以实现这种功能,并且具有良好的用户体验。接下来我们使用Jquery实现回车键Enter切换焦点,此代码在常用浏览器IE7, IE8, Firefox 3, Chrome 2 和 Safari 4测试通过。
使用的开发工具是微软VS2010+Jquery框架。
实现步骤如下
1、首先引用Jquery类库
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
2、Javascript代码

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

<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>
分析:页面上存放四个文本框
3、运行程序
那页面中如果有TextArea 元素,我们如何使用Enter切换焦点呢,办法是有的,如下充分运用了Jquery的一些特性。
4、HTML代码

<div>
<asp:TextBox ID="tb1" runat="server" class="cls" /><br />
<asp:TextBox ID="tb2" runat="server" class="cls" /><br />
<asp:TextBox ID="tb3" TextMode="MultiLine" runat="server" class="cls" /><br />
<asp:TextBox ID="tb4" runat="server" class="cls" /><br />
</div>
分析:
页面中所以的TextBox 引用Class=”cls”,便于后期的对页面元素的Jquery查询。
5、Javascript代码

<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>
分析:
var $inp = $('.cls');
取的样式为cls的所有元素 赋值给变量inp
6、运行效果
 
http://www.jmfq.cn/news/4907971.html

相关文章:

  • 网站建设的建议和意见/近期国内新闻热点事件
  • 滨州做网站建设/今日国内新闻10则
  • 承德网站建设/广州做网站的公司哪家好
  • 深圳建设企业网站/谷歌网站优化推广
  • 创建企业营销网站包括哪些内容/郑州网络营销公司哪个好
  • 深圳松岗做网站/最新新闻热点事件
  • 怎样推广自己做的网站/白帽seo是什么
  • 网站开发实训报告/怎么做线上销售
  • 网页设计就业/成都搜狗seo
  • 建设通是什么网站/营销推广方案怎么写
  • 网站建设算不算固定资产/百度搜索大数据查询
  • 我的世界做mc壁纸的网站/青岛网络工程优化
  • 沈阳正规的男科医院/seo网站优化系统
  • 全国建筑信息查询网/全网关键词优化公司哪家好
  • 杭州网络问政平台/广州网站优化页面
  • 免费找客户网站/中国关键词
  • 哪个网站可以做翻译/百度关键词优化快速排名软件
  • 宝鸡网站建设天伟网络/重庆搜索引擎seo
  • 做婚礼网站的公司简介/站长友情链接平台
  • 无限动力营销型网站建设/搜索引擎营销的案例有哪些
  • 长沙做网站优化/龙岗网络公司
  • 企业代办服务/济南优化哪家好
  • 朝阳港网站建设方案/seo关键词排名优化要多少钱
  • 湖南省专业建设公司网站的机构/湖北百度推广电话
  • shopify如何做瀑布流网站/本周热点新闻事件
  • 自己公司做公益网站怎么弄/青岛关键词推广seo
  • 苏州网站建设套餐/怎么在网上推销产品
  • 工控网做网站维护吗/什么是市场营销
  • 今日全国疫情/优化网址
  • 成人高考条件/网址seo查询