html弹出窗口事件

html-css04

html弹出窗口事件,第1张

可以通过判断按键编码,符合则弹出对话框。

但很不幸F1……F12这些功能键没有对应的按键编码,所以不能用F7来判断。除了F1……F12,print screen,power,sleep,wakeup这些功能键外,其他全部按键都可以用

a 65

b 66

c 67

……

下面是判断按下"a"键时,弹出警告框:

<title>弹出窗口</title>

<script type="text/JavaScript">

<!--

function MM_popupMsg(msg) { //v1.0

//alert(event.keyCode)//显示对应的按键编码

if(event.keyCode==65){

//此处添加ASCII码等于70(a)的事件

alert(msg)

}

}

//-->

</script>

</head>

<body onkeydown="MM_popupMsg('你好!')">

</body>

</html>

全局属性可用于任何 HTML5 元素。

可参考:http://www.jb51.net/w3school/html5/html5_ref_globalattributes.htm

事件属性:

就是当用户操作一个 HTML 元素(如按钮,文本框,选择框等)时,触发某种事件(如点击事件onclick、值变化事件onchange等),从而启动一段 JavaScript动作。

常用的事件有几类:

1. 窗口事件,如onload(当页面被载入时执行),onunload

2. 表单元素事件,如onchange, onsubmit,onreset,onselect,onblur,onfocus

3. 键盘事件,如onkeydown,onkeypress,onkeyup

4. 鼠标事件,如onclick, ondbclick,onmousedown, onmouseup,onmouseover,onmouseout,onmousemove

等等

希望能对你有帮助O(∩_∩)O~