js中当前点击元素，js点击再点击隐藏元素和显示

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

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

点击需要拖动元素时，获取该元素的初始位置。

onmouseover = function(event) { el = event.target；(body).append(当前鼠标在 + $(el).html() + 元素上)；} 浏览器运行index.html页面，此时鼠标移动到123上，会打印出光标在123元素上。

这个可以利用 JS 的事件传递的特性，在body捕获到页面的所有的鼠标进入事件，并获取到触发事件的最底层的元素。这样你就知道鼠标当前处在那个元素中了。

相关问答

Q1: JS怎么获取当前点击的子元素的下标

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

首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。要运行后网页界面如此显示下拉框。接下来我们按照图示代码用js来获取被选中的值。首先我们通过selectedIndex来获得被选中的下标，再通过下标来获得值。

jqLite in angularjs angular.element(#element-id)这是一个DOM操作。Angular不会帮助你获得DOM的某个属性。你需要使用的是DOM选择器，不管是原生的也好或者像jQuery这样的库也好。

运动，音乐；二是使用数组加下标访问，此时将返回数组下标对应的数组元素值。例如：alert(hobbies1)，该语句执行后将在警告对话框中输出“运动”。

css中选择器有，你多看看，可以通过兄弟节点找到或则nextElement等获得，单词不太会，你找找就是下一个Element和兄弟节点。

例如处理事件的时候，有时候需要知道当前点击的是第几个子节点，而HTML DOM本身并没有直接提供相应的属性，需要自己来计算。

Q2: Javascript问题,如果我有一排input,我随便点击一个,我如何知道我点击的...

1、Dom对象的id属性可以获取元素的id值。

2、因为时间控件是用鼠标来选择日期的，不是用键盘，所以onkeyup事件肯定不会触发。用鼠标事件也不行，因为鼠标点击的是弹出来的时间控件的界面，不是input。

3、所以要手动获取到event对象之后再按第一组按钮的方法做。因为IE里面直接可以用window.event获取event对象，而其他浏览器不行。下面的一个while就是循环得到event对象的，可能跟你解释一下下说不清楚。所以你就自己找资料吧。

4、input type=text id=name这段代码不规范，建议完善。

5、input的from属性是html5新增加的一个属性，利用这个属性，可以让位于表单外面的输入控件作为表单的组成部分。

Q3: ...点击另一个元素去掉前一个元素边框,当前元素加边框?

很多种方式，你可以捕获鼠标位置，当鼠标点击时判断在哪个控件的区域，不在那个区域的边框都去掉。

首先打开hbuilder编辑器，在html文件中写入5个li标签，第一个li标签设置class样式，再在上方设置li标签的高度、宽度、字体大小、行高的等属性，再设置第一个li标签的样式，给它加一个外边框。

点击 DW 软件，进入界面点击左上角“文件”点击“新建”点击“HTML”然后再点击“创建”点击“CSS”然后再点击“创建”点击“JavaScript”然后再点击“创建”添加第四步创建的CSS。

安卓webview中的html界面，点击时产生的边框，可以在js的代码中给元素添加如下属性：-webkit-tap-highlight-color即可去掉边框。

在css中，主要通过border属性的设置，实现去掉边框。以代码编辑器：zend studio 0为例，可参考以下步骤去掉button（按钮）的边框：新建一个html文件，命名为test.html，用于讲解。

首先CSS3新增的：not()伪类选择符，匹配不含有选择符的元素。其次鼠标经过当前li，当前li添加上边框颜色变为红色，第一个li的上边框始终为红色。最后使用lastchild的border为none去掉最后一个元素的右边框即可。

Q4: javascript如何获取点击元素的值

1、javascript 点击获取自己是第几个的方法有：使用index()方法；方案：$(li).index()；index([selector|element])搜索匹配的元素，并返回相应元素的索引值，从0开始计数。

2、方法有两种：通过jquery的方式，使用id选择器方式获取节点，然后获取值。通过原生的dom方式，获取id的值。

3、如果想简单的放用jQuery很方便就可以获取。

Q5: js中鼠标移动事件触发时,如何获得当前鼠标在哪一个元素上

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

2、onmouseover = function(event) { el = event.target；(body).append(当前鼠标在 + $(el).html() + 元素上)；} 浏览器运行index.html页面，此时鼠标移动到123上，会打印出光标在123元素上。

3、这个可以利用 JS 的事件传递的特性，在body捕获到页面的所有的鼠标进入事件，并获取到触发事件的最底层的元素。这样你就知道鼠标当前处在那个元素中了。

关于js中当前点击元素和js点击再点击隐藏元素和显示的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。