html增加点击进入,html中实现回车或点击进入-----Mr.Zhang
首先,允许我这么称呼它们两个为兄弟。之所以这么称呼,是因为它们之间执行的是相同的任务----- 点击按钮。
然而,它们也有不同之处,次不同之处又使得它们貌似有些调用的意思。
接下来,让我来给大家说一下二者的关系,我们不妨举个例子来说明:
请看如下代码:
此代码为登录界面,两个输入框:一个为输入名字,另一个为输入密码。一个button ,id为loginbutton。至于这个button是什么样,我们暂时不用管,只知道他在类login_minu中定义就行。
要想实现回车或点击进入,那肯定是输入完后的事情,因此我在输入完密码后进行回车或点击事件。这就用到了click()和onclick()函数。这里我们用到了event.keyCode==13,此为javascript中的件键盘按回车键的code值(参考:http://www.okajax.com/a/200811/1124R022008.html)。它所表示的就是在键盘上按回车,html中按下键盘事件onkeydown,这里我们多说点html事件属性(以下来源于w3school)
窗口事件 (Window Events)
仅在 body 和 frameset 元素中有效。
属性
值
描述
onload
脚本
当文档被载入时执行脚本
onunload
脚本
当文档被卸下时执行脚本
表单元素事件 (Form Element Events)
仅在表单元素中有效。
属性
值
描述
onchange
脚本
当元素改变时执行脚本
onsubmit
脚本
当表单被提交时执行脚本
onreset
脚本
当表单被重置时执行脚本
onselect
脚本
当元素被选取时执行脚本
onblur
脚本
当元素失去焦点时执行脚本
onfocus
脚本
当元素获得焦点时执行脚本
图像事件 (Image Events)
该属性可用于 img 元素:
属性
值
描述
onabort
脚本
当图像加载中断时执行脚本
键盘事件 (Keyboard Events)
在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
属性
值
描述
onkeydown
脚本
当键盘被按下时执行脚本
onkeypress
脚本
当键盘被按下后又松开时执行脚本
onkeyup
脚本
当键盘被松开时执行脚本
鼠标事件 (Mouse Events)
在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
属性
值
描述
onclick
脚本
当鼠标被单击时执行脚本
ondblclick
脚本
当鼠标被双击时执行脚本
onmousedown
脚本
当鼠标按钮被按下时执行脚本
onmousemove
脚本
当鼠标指针移动时执行脚本
onmouseout
脚本
当鼠标指针移出某元素时执行脚本
onmouseover
脚本
当鼠标指针悬停于某元素之上时执行脚本
onmouseup
脚本
当鼠标按钮被松开时执行脚本 click()函数其实就是模拟单击按下。用法是buttonid.click()。onclick则是单击按钮的事件了,此为方法,因此我们可以将单击事件赋值给它,这样我们就完成了回车或单击进入的效果。
希望以上见解对您有所帮助!!----Mr.Zhang
html增加点击进入,html中实现回车或点击进入-----Mr.Zhang相关推荐
- html中实现回车或点击进入-----Mr.Zhang
首先,允许我这么称呼它们两个为兄弟.之所以这么称呼,是因为它们之间执行的是相同的任务----- 点击按钮. 然而,它们也有不同之处,次不同之处又使得它们貌似有些调用的意思. 接下来,让我来给大家说一下 ...
- android adapter点击事件,Activity中响应Adapter的点击回调事件
假设一个场景,在ListView的Item中,点击"+"按钮加入该item的商品到购物车中.给予的解决方案是: 在Adapter中定义一个回调接口,在Activity中实现该接口, ...
- android webview 自动点击事件,Android中的WebView布局点击事件的方法
继承WebView自定义一个MyWebView,然后重载它的onTouchEvent方法,就可以解决了. public class MyWebView extends WebView{ public ...
- Word 如何删除页面中的回车符 / 段落标记
笔记本电脑在使用 Word 时,发现页面中的回车符无法去除,即使已经点击了选项卡中的回车符按钮 解决方案 最终效果: 现在页面中的回车符是否显示可通过选项卡中的回车符按钮操控了
- 点击率预估中的FM算法FFM算法
转载请注明出处:https://blog.csdn.net/gamer_gyt/article/details/81038913 博主微博:http://weibo.com/234654758 Git ...
- python 安卓模拟点击_python模拟点击在ios中实现的实例讲解
我们都知道因为操作系统的不同,很多游戏区分为安卓和苹果两个版本.那么之前学会python模拟点击的小伙伴开始担心,如果手机是ios版本那还能使用吗?这个问题小编进行了测试,小伙伴们完全不用忧虑ios版 ...
- c++图形中如何判断鼠标点击在一条直线上_PS教程:十种抠图方法【上】
今天的关键字是"抠图" 日常工作生活中大家可能经常会用到抠图的技能 方法很多 包括使用美图秀秀等 我之前也分享过比如利用ppt如何抠图 那么今天就来给大家介绍十种用ps抠图的方法: ...
- [Flex] 组件Tree系列 —— 阻止用户点击选中Tree中分支节点
mxml: 1 <?xml version="1.0" encoding="utf-8"?> 2 <!--功能描述:阻止用户点击选中Tree中 ...
- Openlayers中使用Overlay实现点击要素显示html内容弹窗并且动态更改弹窗内容
场景 Openlayers中使用Overlay实现点击要素弹窗并且弹窗随之移动: Openlayers中使用Overlay实现点击要素弹窗并且弹窗随之移动_BADAO_LIUMANG_QIZHI的博客 ...
最新文章
- 计算机科学与技术专业认证研讨,信息学院召开计算机科学与技术专业IEET认证暨人才培养方案修订研讨会...
- leetcode算法题--最大加号标志★
- 使用Prometheus+Grafana 监控MySQL/MONGODB
- 【C语言】满分:1047 编程团体赛 (20分)
- python二维游戏示例_Python实现的井字棋(Tic Tac Toe)游戏示例
- 【线性基】彩灯(luogu 3857/金牌导航 线性基-1)
- 1.4信息系统基础-软件构件技术知识
- Java NIO和IO的主要区别
- CF789D Mike and distribution
- (批处理)批量文件夹重命名,要求是在原文件夹名前加上英文字母前缀aa
- Android studio报错:Gradle‘s dependency cache may be corrupt (this sometimes occurs after a network
- unity 可视化渲染管线_如何为高端可视化设置Unity的高清渲染管道
- 蓝桥2——Beaver's Calculator
- 曹操梦中杀人应该是可信的
- Python 局域网即时通讯工具
- k8s(五):核心技术-Service
- 高职网络系统管理国赛--网络赛题1路由选路解析
- 小暑将至,一起来看看品牌小暑海报吧
- k8s核心概念pod 基本定义和命令
- 2020全国高校计算机能力挑战赛程序设计赛Python组区域赛(初赛)试题及参考解答
热门文章
- 写给Lewis的-URL处理几个关键的函数parse_url、parse_str与http_build_query
- 在Apache上搭建pywebsocket提供html5的websocket服务
- Python pickle使用
- [学习笔记]树上莫队
- 如何把后台返回数据的根据某个选项去重新排序?
- 阿里云OSS图片上传类
- 推荐9款优秀的 HTML5 音乐播放器
- 转:小城也有好去处(3):云南建水 - 丽江大理之后第三城
- 68.视图在数据库系统三级结构的哪一级上?
- Windows程序设计:MFC 、Winform 和 WPF 比较