当元素获取焦点时,会触发 onfocus
属性事件。
没有。
<element onfocus="script or Javascript function name">
所有HTML元素,EXCEPT:
<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, <title>
onfocus |
Yes | Yes | Yes | Yes | Yes |
<!DOCTYPE html>
<html>
<body>
First name: <input type="text" id="fname" onfocus="myFunction(this.id)">
<script>
function myFunction(x) {
console.log(x);
}
</script>
</body>
</html>
Click to view the demo
下面的代码显示了如何添加事件侦听器以输入文本焦点事件。
<html>
<head>
<script language="JavaScript" type="text/javascript">
function DisplayMsg(NumVal) {
if (NumVal == 1) {
alert("Type your name in the field");
}
if (NumVal == 2) {
alert("Type your phone number in the field");
}
}
</script>
<title>Keyboard Event</title>
</head>
<body>
<form name="form1">
<b>Name:</b> <input type="text" name="text1"
onFocus="DisplayMsg(1)" size="20">
<P>
<b>Phone:</b> <input type="text" name="text2"
onFocus="DisplayMsg(2)" size="20">
</p>
</form>
</body>
</html>
Click to view the demo
HTML onkeypress 事件属性 HTML 事件属性实例当按下按键时运行脚本:input type="text" onkeypress="displayResult()"浏览器支持...
HTML canvas miterLimit 属性 HTML canvas 参考手册实例以最大斜接长度 5 绘制线条:YourbrowserdoesnotsupporttheHTML5canvasta...
HTML 音频/视频 DOM buffered 属性HTML 音频/视频 DOM 参考手册实例获得视频的第一段缓冲范围(部分),以秒计:myVid=document....
HTML 音频/视频 DOM muted 属性 HTML 音频/视频 DOM 参考手册实例关闭视频的声音:myVid=document.getElementById("video1");myV...
HTML事件属性onsubmit提交表单时会触发 onsubmit 属性事件。HTML5中的新功能没有。句法form onsubmit="script"支持的标签form, k...
HTML事件属性ondragstart触发 ondragstart 属性当开始拖动元素或文本选择。要使元素可拖动,请标记该元素与全局HTML5draggable ...
HTML canvas beginPath() 方法 HTML canvas 参考手册实例在画布上绘制两条路径;绿色和紫色:var c=document.getElementById(myC...
ISO语言代码HTML的lang属性可用于声明网页或部分网页的语言,这对搜索引擎和浏览器是有帮助的。根据W3C推荐标准,您应该通过html...
HTML5 canvas 参考手册描述HTML5 canvas 标签用于绘制图像(通过脚本,通常是 JavaScript)。不过,canvas 元素本身并没有绘制能...
PXpx 像素(Pixel)。相对长度单位。像素 px 是相对于显示器屏幕分辨率而言的。PX特点1. IE无法调整那些使用px作为单位的字体大...