js鼠标事件案例，js的鼠标点击事件

鼠标事件,js代码实现div移动功能

这个示例会在鼠标按下时，启动拖拽功能。当鼠标移动时，元素位置会根据鼠标移动距离进行更新。当鼠标松开时，拖拽行为将停止。

if(this.isIE) _tDom.releaseCapture()； //该函数从当前的窗口释放鼠标捕获，并恢复通常的鼠标输入处理。_IsMousedown=false；} } _hDom.onmousedown=startDrag； // 鼠标按下事件。document.onmouseup=endDrag； // 鼠标释放事件。document.onmousemove=doDrag； // 鼠标移动事件。

var evtobj=window.event？ window.event ： e//获得当前的鼠标事件 if (this.dragapproved==1){//如果允许移动，意思就是当前div是可以移动的，前面做过判断了 this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+px//目标div的坐标x变成计算出来的，懒得算了。

)) g(tip).style.display = none；} } /script /head body /body /html ＝＝＝ 除了FF，都行，自己写的。

首先我们在html里定义一个div，id为‘mouse_div’，然后定义该div的样式，主要是定义position，让其绝对定位。然后通过JS脚本来做随鼠标移动的效果。先引入jquery脚本，因为用到jquery操作dom。

html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(div).click(function(){$(this).css(color，blue)；})；。浏览器运行index.html页面，此时点击123所在的div，div会变为蓝色文本。

相关问答

Q1: javascript鼠标移入移出事件

【答案】：C 本题考查JavaScript语言关于鼠标事件的基础知识。常见的鼠标事件有以下8个：onMouseDown：鼠标的键钮被按下。onMouseUp：鼠标的键钮被释放弹起。onClick：单击鼠标的键钮。onDblClick：鼠标的键钮被双击。onContextMenu：弹出右键菜单。onMouseOver：鼠标移到目标的上方。onMouseOut：鼠标移出目标的上方。

onmouseover和onmouseout鼠标移入移出时触发的事件：onmouseover 用户鼠标移入元素时触发的事件。并执行onmouseover调用的函数。onmouseout 用户鼠标移开元素时触发的事件。并执行onmouseout调用的函数。onmouseover和onmouseout 这两个事件在javascript中较常用。

如图首先在一个文件夹下创建index.html文件。然后用可编辑文本文件的软件打开index.html文件，index.html的初始内容如图。js的鼠标事件主要有onclick：单击事件ondbclick：双击事件onmouseover：鼠标移入事件onmouseout：鼠标移出事件onmousedown：鼠标按下事件onmouseup：鼠标松开事件。

首先实现一个盒子。给这个盒子上绑定上onmouseover事件和onmouseout事件。发现它们不会发生什么问题。让我们创建一个B元素，让它被嵌套在A元素中，作为A的子元素。依旧只给外层父元素A绑定onmouseover事件和onmouseout事件，当鼠标移入移除A的子元素B的时候居然也发生了onmouseover事件和onmouseout事件。

onmouseout 当用户将鼠标指针移出对象边界时触发。onmouseover 当用户将鼠标指针移动到对象内时触发。onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。onmousewheel new 当鼠标滚轮按钮旋转时触发。onmove 当对象移动时触发。onmoveend 当对象停止移动时触发。onmovestart 当对象开始移动时触发。

Q2: js鼠标悬停事件

第一：js进行鼠标悬停事件来处理DOM实际上是不合理的。

动图 代码说明：这里面确实一次为这个段落创建了两个事件，都是DOM通用的事件，一个叫mouseover(鼠标悬停)，一个叫mouseout（鼠标离开），mouseover事件触发时要用到2个函数（function）， 分别是chfgcolor和chbgcolor， 而mouseout只用到1个chback函数。还有，事件触发时会运行一些东西，但是不一定是函数。

如图首先在一个文件夹下创建index.html文件。然后用可编辑文本文件的软件打开index.html文件，index.html的初始内容如图。js的鼠标事件主要有onclick：单击事件ondbclick：双击事件onmouseover：鼠标移入事件onmouseout：鼠标移出事件onmousedown：鼠标按下事件onmouseup：鼠标松开事件。

Q3: js怎么编写鼠标的右击事件

1、js右击事件 先贴代码：注意的两个点是：①：先取消默认右击事件，event.preventDefault()；②：判断event.Button：0：左键，1：滚轮，2：右键。值得一说的的是oncontextmenu是指右键按下时的作用。再给一个应用吧：右击div显示出自己定义的菜单，点击除了div的地方，是默认的右击事件。

2、js里面没有直接的右击事件，可采用onmousedown事件进行判断实现。

3、想了想， 总结出的下面几种方法 响应右键消息出一个ALERT框（还有点新鲜的东东没有）。响应右键消息后弹出一个新的窗口。将初始页的的焦点移开。可是经过试验后发现只有窗口出现在鼠标右击的位置时，才会没有浏览器的右键菜单出现。响应右键消息后弹出一个HTML的对话框。

4、这个自己定义鼠标右键方法，然后屏蔽事件冒泡，在添加增删改查的JS方法就可以了。

Q4: 怎么编程实现JS,鼠标事件

1、如图首先在一个文件夹下创建index.html文件。然后用可编辑文本文件的软件打开index.html文件，index.html的初始内容如图。js的鼠标事件主要有onclick：单击事件ondbclick：双击事件onmouseover：鼠标移入事件onmouseout：鼠标移出事件onmousedown：鼠标按下事件onmouseup：鼠标松开事件。

2、第一：js进行鼠标悬停事件来处理DOM实际上是不合理的。

3、①：先取消默认右击事件，event.preventDefault()；②：判断event.Button：0：左键，1：滚轮，2：右键。值得一说的的是oncontextmenu是指右键按下时的作用。再给一个应用吧：右击div显示出自己定义的菜单，点击除了div的地方，是默认的右击事件。代码：效果自行查看吧，其实也没啥。

4、（1）在第一种方法中，onclick大小写无关，但在第二种方法中，必须使用小写。因为HMTL对大小写不敏感，而JS则会区分大小写。（2）在第三种方法中，指定函数名时没有双引号，而第一种作为一个HTML属性，需要双引号。（3）第一种方法需要括号，第三种不需要。

5、需要准备的材料分别有：电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的标签，输入js代码：$(div).click(function () {$(this).css(color， blue)；})；。

Q5: js中鼠标移动事件触发时如何获得当前鼠标所在元素的内容?

1、首先，获取到事件对象e，事件来源，IE下面对应的是srcElement，FF下面是target。

2、document.body.onclick=function(){ var obj=document.elementFromPoint(event.clientX，event.clientY)；alert(obj.tagName)} IE chrome 兼容，火狐要兼容，我目前所知的办法非常复杂，也没有仔细研究过。你可以去搜 索下 elementFromPoint这个火狐兼容的办法。

3、首先给div绑定click事件。 通过this，结合parents方法找到tr。 通过attr方法获取id的值。 具体代码 var tr_id=$(this).parents(tr).eq(0).attr(id)；拓展：parents()和attr()方法具体说明可查看Jquery官方文档。

4、要做一个功能就是在一个div中选中一段文字，然后把选中的加个背景。

5、整体思路：可以用for循环去遍历下的所有；然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。

关于js鼠标事件案例和js的鼠标点击事件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。