匿名函数应用鼠标点击事件

最新推荐文章于 2022-09-12 12:15:00 发布
最新推荐文章于 2022-09-12 12:15:00 发布
阅读量1k 收藏
点赞数
分类专栏： 前端 js 文章标签： js事件 匿名函数应用 鼠标事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/love07070707/article/details/54429391
版权
前端 同时被 2 个专栏收录
19 篇文章 0 订阅
订阅专栏
js
15 篇文章 0 订阅
订阅专栏

按钮可以直接οnclick=“函数”绑定事件
但是普通元素如何绑定事件呢？此时匿名函数就可以绑定事件

<body>
    <span id="text1" style="cursor:pointer;">我是文本1</span>
    <span id="text2" style="cursor:pointer;">我是文本2</span>
</body>
<script type="text/javascript">
    document.getElementById("text1").onclick = function(){
        alert("文本可以通过匿名函数绑定事件");
    }
    document.getElementById("text2").ondblclick = function(){
        alert("我是双击");
    }
</script>

注: style=”cursor:pointer;”是通过css设置鼠标变成手型
点击事件onclick
双击事件ondblclick

lixiaomi_sunshine
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript--DOM--给相关标签添加点击事件触发匿名函数
norang的博客
06-06 305
for ( var i=0; i < links.length; i++) { links[i].onclick = function() { showPic(this); return false; } } 这条语句定义了一个匿名函数。这是一种在代码执行时创建函数的 办法。具体到上面这条语句，它把links[i] 元素的onclick 事件 处理函数指定为这个匿名函数。这个匿名函数里的所有语句将 在links[i] 元素所对应的链接被点击时执行。 参考目录 绝大
TypeScript 函数
weixin_62115642的博客
09-08 461
函数的基本使用 1、匿名函数 2、有名函数|命名函数|普通函数 3、箭头函数 4、接口函数： 二、函数参数的处理： 三、构造函数 四、函数的重载
javascrinp匿名函数 +（点击执行事件）
weixin_44391612的博客
01-11 186
javascrinp匿名函数匿名函数 1.赋值 把函数的定义赋值给变量，变量依然可以调用或者运算； var a= function(){ }; a(); var b=a; 2.自我执行 ( function(){ }) （）; 求二个数据的差 var num =(function(a,b){ if (a&gt;b){ return a-b; } return b-a; ...
javascript函数 匿名函数 立即调用
潘多拉猫
09-30 1780
1.函数的返回值： function add(a, b ) { return a + b; } 函数有返回值，当没有显示的定义函数的返回值时，默认返回undefined 2.定义函数时你可以为函数指定的参数。当传递参数值时，如果忘记了给这个参数传递值，javascript会给参数自动赋值undefined。 exp: function add(a, b) { return
事件四(事件处理中使用匿名方法)
kdmhh的专栏
09-03 754
 匿名方法在执行事件处理时显得特别有效。这是因为匿名方法可以替代单独存在的处理方法，直接作事件处理程序，不必另外声明一个方法，从而显著地线性化事件处理代码。  下面看一个简单的例子：delegate void MyEventHandler(); class MyEvent { public event MyEventHandler SomeEvent;
yii2 html 生成点击按钮,javascript – Yii2按钮onclick匿名函数
weixin_30728435的博客
06-09 419
我是Yii2的新手,我正在努力通过按Yii2按钮来触发匿名功能.下面是6个样本,其中前两个是好的.但这并不是我想要的.我想知道如何让一个匿名函数工作,比如“Button 3”和“Button 5”的情况.我测试了如何通过Controller进行函数调用,这样可以正常工作,但这不是我想要的.非常感谢你的帮助 – 谢谢！// This works$button1 = Button::begin (['...
API之网络函数---整理网络函数及功能
09-01
GetTempFileName 这个函数包含了一个临时文件的名字，它可由应用程序使用 GetTempPath 获取为临时文件指定的路径 GetVolumeInformation 获取与一个磁盘卷有关的信息 GetWindowsDirectory 获取Windows目录的完整...
计算机应用技术(实用手册)
07-29
此项目允许您去选择 [ENABLED]，以让您在DOS环境下可以使用USB鼠标，或是选择 [OS] 以在OS环境下使用。在默认情况下是关闭的即：[DISABLED]，只有打开在DOS下才可以用。 AC97 Audio 这个选项开启或关闭集成声卡...
Toad 使用快速入门
11-27
13． 内置RevealNet Knowledge Base，单击鼠标右键就可以打开，快速得到技术上的支持，解决技术难题 PL/SQL: 包含整个开发过程中可能遇到问题的答案 Code Library:大量的严谨的PL/SQL代码例子和现成过程，完全...
LuaStudio v9.8.6.zip
07-13
10、右侧的变量列表窗品添加点击排序功能、隐藏匿名函数功能 11、添加了dostring、dobuffer调试时的窗口 12、解决了多文件查找某些UTF-8格式中文查找不到的BUG 13、解决方案右键菜单添加了两个菜单项 *折叠所有、...
JavaScript详解(第2版)
04-25
　13.4.1　怎样使用鼠标事件　 　13.4.2　鼠标事件和图像——翻转　 　13.4.3　通过鼠标事件创建幻灯片　 　13.5　处理链接事件　 　13.6　处理表单事件　 　13.6.1　按钮　 　13.6.2　表单和按钮中的this关键字　 ...
html 标签内部onclick调用原理 及指定匿名函数
Dave_lzw的博客
11-08 2420
onclick函数内部包含着指定给onclick的函数，所以当触发了onclick事件的时候，onclick函数就执行，这时候因为fn在onclick函数内部，才得以执行。因此指定要加括号。 function onclick(event) { fn(); } 不加括号执行的话就是： function onclick(event) { fn; } 因此不会执行fn； 当写出匿名函数时，也要加上括号才会被执行。 var pre_str = '<a class="Warning_Table" οn
js----匿名函数和非匿名函数
weixin_45662026的博客
09-12 461
这样就把匿名函数function()赋值给了id为btn的这个节点元素，通过为btn这个元素绑定onclick点击事件，我们点击btn对应的弹出按钮，就可以输出了。我们可以将这个匿名函数赋值给一个变量me，然后通过me()来调用这个匿名函数，输出结果就是1。通过向letter函数中依次传入参数1，2，3然后网页就会输出对应的结果1，2，3。其中function()就是一个没有函数名的函数。
点击事件调用匿名函数如何传参_事件发布/订阅模式的简单实现
weixin_39716044的博客
12-05 176
这是一种广泛应用于异步编程的模式，是回调函数的事件化，常常用来解耦业务逻辑。事件的发布者无需关注订阅的侦听器如何实现业务逻辑，甚至不用关注有多少个侦听器存在。数据通过消息的方式可以灵活的传递。 ——《深入浅出Nodejs》是的，了解JS的人都清楚，JS中动辄异步，动辄回调函数，尤其是在DOM中绑定事件。而目前广泛用于处理异步编程的方法主要有发布/订阅模式，Promise，async/await。可...
HTML给标签的点击事件绑定匿名函数
rrgbf0123的专栏
04-14 5627
html> head>   script type="text/javascript">   var a3 = document.getElementById('a3');   a3.onclick= function(){alert('a3');}; script> head> body>        a id="a1" href="
js 添加和移除onclick事件（通过匿名函数实现）及jquery 移除事件
weixin_33694172的博客
01-25 6595
2019独角兽企业重金招聘Python工程师标准>>> ...
vue 动态绑定 点击事件(匿名函数)
exu131g的博客
07-11 4287
遇到一个问题,一个点击方法在v-for里的一个元素上,由于该方法需要处理本次循环的数据并影响本次循环的其他元素,所以暂时没有想到可以把方法声明在vue的methods里的方法,所以就直接写在了元素上: <view @click="function(){if(order.createTime!=-1){order.createTime=-1;}else{order.createTime=1}}"> <view style="width: 50vw;" >回收物品</
vue @click 赋值_理解vue实现原理，实现一个简单的Vue框架
weixin_39599454的博客
12-12 1422
其实对JS我研究不是太深，用过很多次，但只是实现功能就算了。最近JS实在是太火，从前端到后端，应用越来越广泛，各种框架层出不穷，忍不住也想赶一下潮流。 Vue是近年出的一个前端构建数据驱动的web界面的库，主要的特色是响应式的数据绑定，区别于以往的命令式用法。也就是在var a=1;的过程中，拦截’=’的过程，从而实现更新数据，web视图也自动同步更新的功能。而...
js，HTML中监听事件函数的用法代码
最新发布
05-25
在 HTML 和 JavaScript 中，可以使用事件监听器来响应用户的操作。以下是一个简单的示例： HTML 代码： ``` <button id="myButton">点击我</button> ``` JavaScript 代码： ``` // 获取按钮元素 var button = document.getElementById("myButton"); // 添加点击事件监听器 button.addEventListener("click", function() { alert("Hello, world!"); }); ``` 在上面的代码中，我们首先使用 `document.getElementById` 方法获取了一个 ID 为 `myButton` 的按钮元素，并将其存储在一个变量 `button` 中。然后，我们使用 `addEventListener` 方法将一个点击事件监听器添加到这个按钮上。 当用户点击这个按钮时，浏览器会触发事件监听器中的匿名函数，该函数会弹出一个对话框，显示消息 "Hello, world!"。 除了点击事件，还有很多其他类型的事件可以监听，例如鼠标移动、键盘按下等。对于不同类型的事件，可以使用不同的事件监听器方法来添加监听器。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值