当前位置: 首页 > 编程笔记 >

JavaScript使用addEventListener添加事件监听用法实例

鲁丰
2023-03-14
本文向大家介绍JavaScript使用addEventListener添加事件监听用法实例,包括了JavaScript使用addEventListener添加事件监听用法实例的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了JavaScript使用addEventListener添加事件监听用法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html>
<html lang="en">
<head>
 <title>This text is the title of the document</title>
 <script>
  function showalert(){
   alert('you clicked me!');
  }
  function clickme(){
   var pelement=document.getElementsByTagName('p')[0];
   pelement.addEventListener('click', showalert, false);
  }
  window.addEventListener('load', clickme, false);
 </script>
</head>
<body>
 <div id="main">
  <p>Click Me</p>
  <p>You Can't Click Me</p>
 </div>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

 类似资料:
  • 本文向大家介绍Javascript添加监听与删除监听用法详解,包括了Javascript添加监听与删除监听用法详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Javascript添加监听与删除监听的用法。分享给大家供大家参考。具体分析如下: js中事件监听就是利用addEventListener来绑定一个事件,这个用法在jquery中非常常用并且简单,但在原生js中比较复杂,这里整理了

  • 本文向大家介绍Java添加事件监听器,包括了Java添加事件监听器的使用技巧和注意事项,需要的朋友参考一下 示例 Preferences对象发出的事件有两种:PreferenceChangeEvent和NodeChangeEvent。 PreferenceChangeEvent 每当节点的键值对之一更改时,对象PreferenceChangeEvent就会发出A。可以使用来监听:Propertie

  • 我做错什么了吗? 我所看到的例子是使用这种方法而不使用fxml,我必须使用注释来定义处理程序吗?在FXML中,我应该把场景的“onAction”放在哪里?

  • 本文向大家介绍Java添加事件监听的四种方法代码实例,包括了Java添加事件监听的四种方法代码实例的使用技巧和注意事项,需要的朋友参考一下 Java添加事件的几种方式(转载了codebrother的文章,做了稍微的改动):

  • 本文向大家介绍Laravel事件监听器用法实例分析,包括了Laravel事件监听器用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Laravel事件监听器用法。分享给大家供大家参考,具体如下: 这里讲述最佳实践方案,分以下步骤: 第一步:注册事件和监听器。 在EventServiceProvider的linsten数组里面加上事件和监听器,键名是事件,键值里面的数组是一个或者多

  • 本文向大家介绍js事件监听器用法实例详解,包括了js事件监听器用法实例详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js事件监听器用法。分享给大家供大家参考。具体分析如下: 1、当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法。而用事件监听则不会有覆盖的现象,每个绑定的事件都会