扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
你的目的是不是想用F11这个快捷键来触发某个按钮的onclick事件?
成都创新互联公司主要从事网站制作、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务漳县,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792
如果是这样的话就很简单,给你个例子:
script
if(event.keyCode==122) //F11的键值是122
{
doSomeThing();//你自己定义操作
}
/script
不明白的话HI我。
使用onclick()点击事件触发。
1、设计一个功能页面,HTML代码如下。
2、此时的页面展示效果如下。
3、设计功能函数,实现上图中赋值的功能。
4、给按钮绑定上述函数,点击实现。
5、在页面上点击函数,查看执行效果。
扩展资料:
onclick事件解析:
1、定义和用法:onclick 属性由元素上的鼠标点击触发。
onclick 属性不适用以下元素:base、bdo、br、head、html、iframe、meta、param、script、style 或 title。
2、语法:
element onclick="script"。
参考资料:
百度百科--onclick
是想在js里动态添加吗? 一般有两种方式:
1。加载时就有该按钮,但是设置不显示,需要时再显示该按钮
2。往指定的区域添加按钮
第2种如果是借助JQuery更简单实现,这里是一个用原生js实现的示例:
html
head
title/title
script type="text/javascript"
function addButton(){
var html ="input type=\"button\" value=\"新加\" onclick=\"newButton();\"";
document.getElementById("add").innerHTML=html;
}
function newButton(){
alert("我是新加的按钮");
}
/script
/head
body
div
p点击该按钮增加一个新按钮/p
input type="button" value="点击增加" onclick="addButton();"
p新增的按钮在这显示/p
div id="add"/div
/div
/body
/html
字母和数字键的键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
A 65 J 74 S 83 1 49
B 66 K 75 T 84 2 50
C 67 L 76 U 85 3 51
D 68 M 77 V 86 4 52
E 69 N 78 W 87 5 53
F 70 O 79 X 88 6 54
G 71 P 80 Y 89 7 55
H 72 Q 81 Z 90 8 56
I 73 R 82 0 48 9 57
数字键盘上的键的键码值(keyCode) 功能键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
0 96 8 104 F1 112 F7 118
1 97 9 105 F2 113 F8 119
2 98 * 106 F3 114 F9 120
3 99 + 107 F4 115 F10 121
4 100 Enter 108 F5 116 F11 122
5 101 - 109 F6 117 F12 123
6 102 . 110
7 103 / 111
控制键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
BackSpace 8 Esc 27 Right Arrow 39 -_ 189
Tab 9 Spacebar 32 Down Arrow 40 . 190
Clear 12 Page Up 33 Insert 45 /? 191
Enter 13 Page Down 34 Delete 46 `~ 192
Shift 16 End 35 Num Lock 144 [{ 219
Control 17 Home 36 ;: 186 \| 220
Alt 18 Left Arrow 37 =+ 187 ]} 221
Cape Lock 20 Up Arrow 38 , 188 '" 222
借助JQuery更简单实现,这里是一个用原生javascript实现的示例:
html
head
title/title
script type="text/javascript"
function addButton(){
var html ="input type=\"button\" value=\"新加\" onclick=\"newButton();\"";
document.getElementById("add").innerHTML=html;
}
function newButton(){
alert("我是新加的按钮");
}
/script
/head
body
div
p点击该按钮增加一个新按钮/p
input type="button" value="点击增加" onclick="addButton();"
p新增的按钮在这显示/p
div id="add"/div
/div
/body
/html
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。
它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流