js函数获取event对象并传值

2024-10-05

javascript 获取event对象

//转载处 http://www.cnblogs.com/funlake/archive/2009/04/07/1431238.html 非常详细先从一个简单的例子说起,一个简单的button控件如下: <input type='button' name='mybtn' id='mybtn' onclick='myFunc()'/> 然后为其注册事件,这样的情况,怎么在javascript里获取event呢,特别是firefox的情况.请看: <script type='text/ja

js函数获取ev对象

今天工作中遇到一个问题,就是平时获取一个ev(event)对象时候一般直接在调用方法里面写一个ev参数,即可直接拿到这个对象,但是有时候会遇到函数调用不是直接加在一个dom对象的后面,如: var oDiv = document.getElementById('box'); oDiv.onclick = function(ev) { var x = ev.pageX; ... }; 而是写在函数属性中,如: var oDiv = document.getElementById('box'); o

JS中的event 对象详解

JS中的event 对象详解 JS的event对象 Event属性和方法:1. type:事件的类型,如onlick中的click:2. srcElement/target:事件源,就是发生事件的元素:3. button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下:(firefox中 0代表左键,1代表中间键,2代表右键)4. clientX/clientY:事件发生的时候,鼠标相对于浏览器窗口可视文档区域的左上

js中获取事件对象的方法小结

原文地址:http://jingyan.baidu.com/article/d8072ac4594d6cec95cefdac.html 事件对象的获取很简单,很久前我们就知道IE中事件对象是作为全局对象( window.event )存在的,Firefox中则是做为句柄( handler )的第一个参数传入内的.所以一行代码就可以搞定代码如下: var evt = window.event || arguments[0]; 下面分三种添加事件的方式讨论,你也许会看到以前没有看到过的获取方式.

vue.js - 奇怪的 event 对象

好久都没有写点东西了, 前段时间工作搞得头大,真的就是一起加班到死了.废话不多说,写这篇文章是因为这次因为 event 对象闹了一个乌龙,以此总结一下. 一.event 对象 (一)事件的 event 对象你说你是搞前端的,那么你肯定就知道事件,知道事件,你就肯定知道 event 对象吧?各种的库.框架多少都有针对 event 对象的处理.比如 jquery,通过它内部进行一定的封装,我们开发的时候,就无需关注 event 对象的部分兼容性问题.最典型的,如果我们要阻止默认事件,在 chrom

JS document 获取 html对象的问题

在了解document.getElementById()方法的时候,没有留意到被获取的对象的声明时的位置, 一个很基础很细节的问题. 比如说这个js的引入位置: -----------------a.js--------------------------------------------- var d=new Date(); var str; str=d.getTime(); str3=d.getFullYear() +"年"; document.write(str3); doc

[JS学习笔记]Event对象

写在前面学习和总结JS时会伴随性的生成一些dome,其中包含一些动态输出的结果和标注. 之前通过鸡贼的办法实现了在博客中执行JS,但很多时候需要一张干净的页面编写dome,所以尝试通过一些在线的JS编辑器创建,并在博客中附上相应的链接. 一开始使用JSFiddler,优点是界面简洁,同时提供多种JS库,支持创建Ajax echo后端.但因为网页加载速度太慢,所以没有坚持用下来. 现在正在使用国内的JS在线编辑工具RunJS,提供多种JS库.前端框架及第三方插件,支持调用Ajax.fork(类似

js中window.event对象

event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义. 例子下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转. <HTML> <HEAD><TITLE>Cancels Links</T

Django中非视图函数获取用户对象

今天遇到了一个问题:在Django中怎么从非视图函数中获取用户对象?怎么保证不同的请求获取到不同的用户对象? 平常我们获取用户对象使用的是: request.user 不得不说,这确实很方便. 但是,如果现在有两个类: # 注意,这两个类可以不在同一个py文件中 # 视图类 class Index(View): """ 功能集中调用 """ def post(self, request): return HttpResponse('你好!') #

js中的Event对象

event代表事件的状态,例如触发event对象的元素,鼠标的位置及状态,按下的键等等 event对象只在事件发生的过程中才有效. <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function

js中被调用的函数获取调用者对象

通过event.srcElement即可.一直用了很久的传参,终于解决了.

JS函数的参数对象arguments在严格模式下的限制

在JS中,传入的函数的参数个数可以与定义函数的个数不一致,那么对于传入的实参的引用,则是arguments对象.然而改对象在严格模式和非严格模式下是由区分的: 1 在严格模式下arguments作为了一个保留字,那么如果在定义arguments相关的变量和函数,则会报语法错误. 2 arguments在严格模式下属于传入的实参对象,并且是不可变的,即不可在函数内部通过arguments来修改实参值. 如: function test1(a){ “use strict”; arguments[0]

js函数传递参数的方式------传值与传递指针

原则: 1. 基本类型:传值 2. 对象:传递指针应用场景之一: 用jq选择器获取某个div后(例如:element),准备进行某些修改,之后添加到页面中去. 采取例一的方式,append后发现修改的内容没有改变. 采用例二的方式,成功修改. 举例一:传值 1.调用: .... setId(element);***.append(element); .... 2.函数 setId = function(element){ element = .....; } 举例二:传递指针 1. 调用: .

js中获取event keycode的兼容办法

window.onkeypress=function(e){ var event = e || window.event, //在ff下event会做为参数传进来,ie下会在window下 keyCode = event.which || event.keyCode, //e.which是ff下获取keyCode的方式,ie下使用e.keyCode获取 charCode = event.charCode; }

js函数和window对象

前端程序员的蜕变——JS的 event 对象属性、使用实例、兼容性处理(极大提高代码效率、减少代码量)

下面讨论一下 js 中的 Event 对象,主要从以下三个方面详细的描述(点击标题可跳转到对应部分): 1.什么是event 2.怎么用event,用他该注意什么,几个简单实际应用 3.event在不同浏览器的存在的兼容问题,及如何去解决 1. 什么是event Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态等等.说的通俗一点就是,event是JS的一个系统内置对象.平时无法使用,当DOM元素发生按键.鼠标等等各种事件时,系统会自动根据D

个人永久性免费-Excel催化剂功能第56波-获取Excel对象属性相关自定义函数

之前零散开发过一些自定义函数获取Excel对象属性,此次再细细地把有价值的属性都一一给开发完成,某些场景下,有这些小函数还是可以比较方便地实现一些通过Excel界面没法轻松获取到的信息. 修复与更新 20181204增加获取单元格的缩进量函数GetCellIndentLevel,具体详见:功能修复与更新汇总篇之七 https://www.jianshu.com/p/c4a7cce40183 函数清单可在公式=>插入函数里找到此类的函数清单大部分函数取的是单元格的一些属性. 函数清单同时也做了

VC与JavaScript交互(二) --- 调用JS函数

这一章,我们来动手实践VC调用JS函数. 我们动手写一个HTML,其中包含这样一段JS代码: //[html] <script type="text/javascript"> function Add(value1, value2) { return value1 + value2; } </script> 然后我们用WebBrowser加载这个HTML后,在VC中这样来调用这个函数名为Add的JS函数: //[Cpp] //别忘了#include <Ms

html中事件处理中的this和event对象

在用js编写页面事件处理代码时,会经常涉及到this和event对象,但有时在采用不同的事件处理,尤其是在与自定义的对象关联时,这些对象的指向变的有些复杂. 本文来详细介绍下各种场景下这些对象真正指向. 一.事件直接写在html标签中 1.案例1: <button onclick="clickBtn()">测试</button> 处理代码如 function clickBtn(){ alert(this.location.href); }

event对象,ie8及其以下

event 对象是 JavaScript 中一个非常重要的对象,用来表示当前事件.event 对象的属性和方法包含了当前事件的状态.当前事件,是指正在发生的事件:状态,是与事件有关的性质,如引发事件的DOM元素.鼠标的状态.按下的键等等.event 对象只在事件发生的过程中才有效. 获取event对象在 W3C 规范中,event 对象是随事件处理函数传入的,Chrome.FireFox.Opera.Safari.IE9.0及其以上版本都支持这种方式:但是对于 IE8.0 及其以下版本,eve

js函数获取event对象并传值

热门专题