如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
Html网页中怎么检测鼠标按键
上篇经验中讲了如何利用按钮改变html网页中的链接及打开方式,接下来我来讲下怎么在网页中检测鼠标按键操作。
工具/原料
- 网页鼠标按键
方法/步骤
打开文本编辑器或记事本程序,像之前一样先输入html基本结构标签代码
html>
body>
/body>
/html>
接下来输入头标签head>,并在头标签之间输入script>标签。
head>
script>
/script>
/head>
然后在script>标签之间开始定义鼠标按键检测函数Btntest(),名称可以自己定义。其中Num定义为鼠标键的值,0代表左键;1代表中键;2代表右键。用if循环判断。
function Btntest(event)
{
var Num = event.button;
if (Num==2)
{
alert("已按下鼠标右键!")
}
else if(Num==0)
{
alert("已按下鼠标左键!")
}
else if(Num==1)
{
alert("已按下鼠标中键!");
}
else
{
alert("已按下" Num "号键,属于其他功能键。");
}
}
点击body>标签中,定义鼠标按下调用Btntest()函数
body onmousedown="Btntest(event)">
然后在网页正文中添加一些文字说明,放在段落标签中。
在网页任意位置点击鼠标的按键,页面会弹出提示框窗口,显示您按下的鼠标按键是左键、中键还是右键,或者是其他鼠标功能键。/
保存代码内容为html格式,预览网页效果。
注意事项
- 如果您喜欢小编的文章,请点击右下角的分享按钮,分享给更多的朋友。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 433 HTML