事件处理
一、事件源:任何一个HTML元素(节点),body、div、button
二、事件:你的操作
鼠标:
click 单击
dblick 双击
oncontextmenu 文本菜单
复制代码 代码如下:
<body oncontextmenu="return false">//禁止右键的程序
mouseover 放上
mouseout 离开
mousedown 按下
mouseup 抬起
mousemove 鼠标移动
键盘:
keypress 键盘事件
keyup 抬起
keydown 按下
文档:
load 加载
onload 是页面加载完成之后触发的事件
unload 关闭
breforeunload关闭之前
表单:
focus 焦点事件
blur 失去焦点
submit 提交事件
change 改变事件
其它:
scroll 滚动
selectstart 选择事件
三、事件处理程序
第一种:
格式:<tag on事件="事件处理程序" />
实例:
复制代码 代码如下:
<script>
function show(){
var one=document.getElementById("one");
alert(one.innerText);
}
show();
</script>
<body>
<div id="one">
wwwwwwwwwwwwwwwww
</div>
<input type="button" onclick="show()" value="show">
第二种:
直接在javascript里边对象.on处理程序
复制代码 代码如下:
<div id="two">
你好,https://www.jb51.net
</div>
<script>
var one=document.getElementById("two");
one.onclick=function(){
this.style.backgroundColor="red";
}
</script>
第三种:
基本没什么人用
复制代码 代码如下:
<script for="事件源ID" event="事件">事件处理程序</script>
<div id="th">
你好,https://www.jb51.net
</div>
<script for="th" event="onclick">
var one=document.getElementById("th");
one.style.backgroundColor="red";
</script>
小伙伴们是否了解了javascript的事件处理了呢,有疑问就给我留言吧。
javascript,事件处理
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。