大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
因为程序员在按钮上设定了js事件,不想看到的话要么调整代码,要么不再显示浏览器的状态栏!
成都创新互联公司是一家集网站建设,葫芦岛企业网站建设,葫芦岛品牌网站建设,网站定制,葫芦岛网站建设报价,网络营销,网络优化,葫芦岛网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
1、如图首先在一个文件夹下创建index.html文件。
2、然后用可编辑文本文件的软件打开index.html文件,index.html的初始内容如图。
3、js的鼠标事件主要有onclick:单击事件ondbclick:双击事件onmouseover:鼠标移入事件onmouseout:鼠标移出事件onmousedown:鼠标按下事件onmouseup:鼠标松开事件。首先实现鼠标左键单击和双击的js代码如图。
4、编辑完index.html文件后,用浏览器打开index.html文件,效果如图。当鼠标左键单击span时显示"触发鼠标单击事件",双击span时显示"触发鼠标双击事件"。
5、接着实现鼠标的移入和移出事件。如图修改index.html文件。
6、最后实现鼠标的点下和松起事件。如图修改index.html文件。
7、修改完index.html文件后,用浏览器打开index.html文件,效果如图。
JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。
javascript是一种解释类型的语言,跟c++、c语言这些不一样(先编译后执行),它是在程序运行过程中每行都要进行解释。javascript不仅是一种基于对象的脚本语言,它既可以创建对象,也可以直接使用已有的对象。
javascript是事件驱动性的脚本语言,比如用户在访问网页时,鼠标在点击,移动等操作。javascript是可以直接对这些时间做出相应,并不需要通过web服务器来对用户的行为做出相应。
javascript特点:
1、简单性
javascript是弱类型的变量类型,对于数据类型并没有严格要求,她的设计简单紧凑。
2、跨平台性
javascript是不需要依靠操作系统,只要浏览器支持,它编译后就可以直接带到任何支持浏览器脚本语言上就可以直接使用了,而javascript几乎已经获得所有浏览器的支持。
javascript是事件驱动性的脚本语言,比如用户在访问网页时,鼠标在点击,移动等操作。javascript是可以直接对这些时间做出相应,并不需要通过web服务器来对用户的行为做出相应。
在前段使用JavaScript开发获取鼠标当前位置来计某个功能,如何获取鼠标当前的位置,其实很多人都不知道怎么做,为此我为大家整理推荐了相关的知识,希望大家喜欢。
js设置鼠标位置的方法
新建一个html代码页面,在这个html页面找到body,然后在这个body里创建一个用来显示坐标位置的div,并给这个div添加一个id。如图
创建div的代码:
div id="point-loc"/div
使用pageX、pageY获取鼠标当前位置。在title标签后面新建一个script,创建鼠标移动时获取鼠标当前的位置。如图:
js代码:
script type="text/javascript"
document.onmousemove = function(e){
var loc = "当前位置 x:"+e.pageX+",y:"+e.pageY
document.getElementById("point-loc").innerHTML = loc;
}
/script
保存html后使用浏览器打开即可看到效果。如图:
4页面所有代码:
!DOCTYPE html
html
head
meta charset="UTF-8"
titlejs获取鼠标位置/title
script type="text/javascript"
document.onmousemove = function(e){
var loc = "当前位置 x:"+e.pageX+",y:"+e.pageY
document.getElementById("point-loc").innerHTML = loc;
}
/script
/head
body
div id="point-loc"/div
/body
按你的意思给你重新写了一下代码:
head
titleJavaScript测试/title
script type="text/javascript"
function mouseStatus(e) {
e = e || window.event;
var button = e.button;
var whichOne = (button 1) ? "right" : "left";
var message = e.type + ":" + whichOne + "\n";
document.getElementById('textarea').value += message;
}
function attachEvent(obj, evt, fn){
if(obj.addEventListener){
obj.addEventListener(evt, fn, false);
}else if(obj.attachEvent){
obj.attachEvent('on'+evt, fn);
}
}
window.onload = function() {
alert('document loaded');
obj = document.getElementById("testLink");
attachEvent(obj, 'mousedown', mouseStatus);
attachEvent(obj, 'mouseup', mouseStatus);
}
/script
/head
html
body
p class="STYLE2"Mouse Click Test/p
pClick the mouse on the test link below. A message below will indicate which button was clicked./p
pa href="#" class="STYLE2" id="testLink"Test Link /a/p
form name="form1"
p
textarea id="textarea" rows="15"/textarea
/p
/form
/body
/html
注意我加了一个 attachEvent 函数,这是为了兼容浏览器。
还有给对象绑定事件写在 onload 里面,这样能保证文档加载完毕才绑定。
onClick 鼠标单击事件
onDblClick 鼠标双击事件
onMouseDown 鼠标上的按钮被按下了
onMouseUp 鼠标按下后,松开时激发的事件
onMouseOver 当鼠标移动到某对象范围的上方时触发的事件
onMouseMove 鼠标移动时触发的事件
…………