javascript 使用event

最新推荐文章于 2022-05-18 14:53:04 发布
原创 最新推荐文章于 2022-05-18 14:53:04 发布 · 674 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #safari #opera #function #浏览器 #ie

本文介绍了一个简单的JavaScript函数，用于获取不同浏览器（包括IE、Firefox、Opera、Safari等）中鼠标点击事件的目标元素标签名。通过传递事件对象作为参数，确保了函数在各种浏览器中的兼容性和一致性。

 <!--必须将event作为参数传过去，可以兼容所有浏览器(IE,FF,Opera,Safari)-->

<body onmousedown="getElementTagName(event)">


function getElementTagName(e)
{
    if(e.srcElement) //IE
    {

        alert(e.srcElement.tagName);//nodeName
    }
    else if(e.target) // not IE
    {
        alert(e.target.tagName);//nodeName
    }
}

Javascript中event的target与currentTarget差异
01-02
在JavaScript的应用领域中，事件管理构成了网页构建过程中必不可少的一环。 当提及`event`对象时，`target`与`currentTarget`这两个特性具有显著的意义，它们在调控事件传播路径时发挥着核心作用。 明确这两个特性...
javascript add event remove event
10-30
本文将详细介绍如何使用 JavaScript 实现事件的绑定与删除，并提供具体的实现代码。 #### 二、JavaScript 事件绑定 ##### 2.1 事件绑定的基本概念 事件绑定是指将一个函数与特定的 DOM 元素关联起来，使得当该...
JavaScript定时事件（ Timing Events）
huxyc的博客
03-27 1883
JavaScript 可以在时间间隔内执行。 这就是所谓的定时事件（ Timing Events）。 Timing 事件 window 对象允许以指定的时间间隔执行代码。 这些时间间隔称为定时事件。 通过 JavaScript 使用的有两个关键的方法： setTimeout(function,milliseconds) 在等待指定的毫秒数后执行函数。 setInterval(function,milliseconds) 等同于 setTimeout()，但持续重复执行该函数。 s..
JavaScript中的Event对象用法
robyjeffding的专栏
04-26 1419
在JS中对于Event对象，大家都不陌生，其本身属性和方法在做页面特效或者特殊处理中能够大大地派出用场，现整理一下EVENT对象相关属性和方法使用。Event属性和方法：<br /><br />1. type：事件的类型，如onlick中的click；<br /><br />2. srcElement/target：事件源，就是发生事件的元素；<br /><br />3. button：声明被按下的鼠标键，整数，1代表左键，2代表右键，4代表中键，如果按下多个键，酒把这些值加起来，所以3就代表左右键同时按下
JS事件处理程序中的event
csdssdn的博客
05-18 1144
目录 Event对象 获取event对象 隐藏在监听函数中的"event" event. preventDefault() event.stopPropagation() & event.stopImmediatePropagation() 1. event.stopPropagation() 方法 2. stopImmediatePropagation()方法 event.target & event.currentTarget 事件代理 Event对象 Event.
JavaScript里的event
EmotionComputer
11-17 3561
首先看一段js冒泡的代码，里面有用到event &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body onclick="parentDivBtn()"&gt; &lt;div id="div1&quo
javascript Event对象详解及使用示例
12-08
JavaScript中的Event...掌握Event对象的使用，能极大地提高JavaScript编程的灵活性和用户体验，使得网页更加互动和智能。在开发过程中，熟练运用这些属性和方法，将有助于构建出更高效、更具用户体验的Web应用程序。
JavaScript 键盘event.keyCode值列表大全
12-12
网上收集的KeyCode值方便大家查找： keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L keycode 19 = ...
js中事件对象event
热门推荐
冰雪为融的博客
03-06 1万+
一、Event对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 当一个事件发生的时候，和当前这个对象发生的这个事件有关的一些详细信息（包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息等。这个对象是在执行事件时，浏览器通过函数传递过来的。）都会被临时保存到一个指定的地方...
JS event使用方法详解
苍天在上
05-27 853
event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。  下面的例子检查鼠标是否在链接上单击，并且，如果shift键被按下，就取消链接的跳转。 
js中event事件对象
Y_I_M_I_l_u_c_k的博客
03-15 3411
event事件/clienX/clienY/offsetX/offsetY/pageX/pageY/screenX/screenY/stopPropgation()/preventDefault()
JS--事件(Event)--使用
IT利刃出鞘的博客
07-25 873
其他网址 JS一个元素怎么绑定多个事件_BarryLee的博客-优快云博客_绑定多个事件JavaScript(1)---绑定事件、解除绑定事件 - 雨点的名字 - 博客园 事件大全 其他网址 事件参考 | MDN
js中event事件
qq_31752605的博客
06-12 1348
event.target.nodeName 　　 //获取事件触发元素标签name event.target.id　　　　　　　//获取事件触发元素id event.target.className　　 //获取事件触发元素classname event.target.innerHTML　　 //获取事件触发元素的内容...
window窗口操作
Ivan Song的专栏
07-21 2286
 window对象表示整个浏览器窗口。1. 窗口操作q  moveBy(dx,dy)——把浏览器窗口相对当前位置水平移动dx个像素，垂直移动dy个像素。dx值为负数，向左移动窗口，dy值为负数，向上移动窗口。q  moveTo(x,y)——移动浏览器窗口，使它的左上角位于用户屏幕的(x,y)处。可以使用负数，不过这样会把部分窗口移出屏幕的可视区域。q  resizeBy(dw,dh
document对象
Ivan Song的专栏
07-21 2168
 document对象实际上是window对象的属性，如你所知，window对象的任何属性和方法都可直接访问，所以下面这行代码将返回"true"：这个对象的独特之处是它是唯一一个既属于BOM又属于DOM（下一章将讨论DOM中的document对象）的对象。从BOM角度看，document对象由一系列集合构成，这些集合可以访问文档的各个部分，并提供页面自身的信息。再有，由于BOM没有可以
javascript坐标
Ivan Song的专栏
07-28 1755
 clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 screenX 设
navigator对象
Ivan Song的专栏
07-21 1159
  navigator对象是最早实现的BOM对象之一，Netscape Navigator 2.0和IE 3.0引入了它。它包含大量有关Web浏览器的信息。它也是window对象的属性，可以用window.navigator引用它，也可以用navigator引用。虽然微软公司最初把Netscape的浏览器称为navigator，但navigator对象成了一种事实标准，用于提供Web浏览器
location对象
Ivan Song的专栏
07-21 953
  BOM中最有用的对象之一是location对象，它是window对象的属性。location对象表示载入窗口的URL，此外，它还可以解析URL：q  hash——如果URL包含#，该方法将返回该符号之后的内容（例如，http://www.some-where.com/index#selection1的hash等于"#selection1"）。q  host——服务器的名字（如w
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值