javascript 使用event

最新推荐文章于 2022-05-18 14:53:04 发布
最新推荐文章于 2022-05-18 14:53:04 发布
阅读量635 收藏
点赞数
分类专栏： Js.BOM 文章标签： javascript safari opera function 浏览器 ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/avon520/article/details/2722652
版权

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

<body οnmοusedοwn="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
    }
}

阿云ivan
关注
专栏目录
javascript add event remove event
10-30
本文将详细介绍如何使用 JavaScript 实现事件的绑定与删除，并提供具体的实现代码。 #### 二、JavaScript 事件绑定 ##### 2.1 事件绑定的基本概念 事件绑定是指将一个函数与特定的 DOM 元素关联起来，使得当该...
javascript Event对象详解及使用示例
12-08
JavaScript中的Event...掌握Event对象的使用，能极大地提高JavaScript编程的灵活性和用户体验，使得网页更加互动和智能。在开发过程中，熟练运用这些属性和方法，将有助于构建出更高效、更具用户体验的Web应用程序。
JavaScript定时事件（ Timing Events）
huxyc的博客
03-27 1780
JavaScript 可以在时间间隔内执行。 这就是所谓的定时事件（ Timing Events）。 Timing 事件 window 对象允许以指定的时间间隔执行代码。 这些时间间隔称为定时事件。 通过 JavaScript 使用的有两个关键的方法： setTimeout(function,milliseconds) 在等待指定的毫秒数后执行函数。 setInterval(function,milliseconds) 等同于 setTimeout()，但持续重复执行该函数。 s..
JS事件处理程序中的event
csdssdn的博客
05-18 1029
目录 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 3267
首先看一段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
js中event事件
qq_31752605的博客
06-12 1281
event.target.nodeName 　　 //获取事件触发元素标签name event.target.id　　　　　　　//获取事件触发元素id event.target.className　　 //获取事件触发元素classname event.target.innerHTML　　 //获取事件触发元素的内容...
JS event使用方法详解
苍天在上
05-27 805
event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。  下面的例子检查鼠标是否在链接上单击，并且，如果shift键被按下，就取消链接的跳转。 
JavaScript函数中event参数的使用-----function(event){}
用CSS3动画实现loading效果
07-30 7766
定义： Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 看例子： 现有ul以及多个li元素，通过事件委托，给ul绑定点击事件，当我们点击某个li元素时，输出所点击li元素的相关信息。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title..
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事件对象
Y_I_M_I_l_u_c_k的博客
03-15 3014
event事件/clienX/clienY/offsetX/offsetY/pageX/pageY/screenX/screenY/stopPropgation()/preventDefault()
JS--事件(Event)--使用
IT利刃出鞘的博客
07-25 646
其他网址 JS一个元素怎么绑定多个事件_BarryLee的博客-CSDN博客_绑定多个事件JavaScript(1)---绑定事件、解除绑定事件 - 雨点的名字 - 博客园 事件大全 其他网址 事件参考 | MDN
window窗口操作
Ivan Song的专栏
07-21 2149
 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 2122
 document对象实际上是window对象的属性，如你所知，window对象的任何属性和方法都可直接访问，所以下面这行代码将返回"true"：这个对象的独特之处是它是唯一一个既属于BOM又属于DOM（下一章将讨论DOM中的document对象）的对象。从BOM角度看，document对象由一系列集合构成，这些集合可以访问文档的各个部分，并提供页面自身的信息。再有，由于BOM没有可以
javascript坐标
Ivan Song的专栏
07-28 1698
 clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 screenX 设
navigator对象
Ivan Song的专栏
07-21 1078
  navigator对象是最早实现的BOM对象之一，Netscape Navigator 2.0和IE 3.0引入了它。它包含大量有关Web浏览器的信息。它也是window对象的属性，可以用window.navigator引用它，也可以用navigator引用。虽然微软公司最初把Netscape的浏览器称为navigator，但navigator对象成了一种事实标准，用于提供Web浏览器
location对象
Ivan Song的专栏
07-21 909
  BOM中最有用的对象之一是location对象，它是window对象的属性。location对象表示载入窗口的URL，此外，它还可以解析URL：q  hash——如果URL包含#，该方法将返回该符号之后的内容（例如，http://www.some-where.com/index#selection1的hash等于"#selection1"）。q  host——服务器的名字（如w
javascript 窗口之间的调用
Ivan Song的专栏
07-16 817
 1、window.open产生的调用在子窗口中引用父窗口：window.opener在子窗口中引用父窗口的函数：window.opener.callMe();注：callMe父窗口里的js函数。 居住打开var w=500;var h=600;var l=screen.width/2-w/2;var t=screen.height/2-h/2;window.open("M
JavaScript Event对象详解与应用
"javascript Event对象详解及使用示例" 在JavaScript中，Event对象是处理事件时不可或缺的一部分，它包含了与事件相关的各种信息，如事件源、鼠标和键盘的状态等。Event对象是在事件触发时由浏览器自动创建的，它...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值