如何添加HTML事件，有几种方法？（至少两种方式）

最新推荐文章于 2023-09-07 16:43:10 发布
最新推荐文章于 2023-09-07 16:43:10 发布
阅读量652 收藏 1
点赞数 1
分类专栏： HTML 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LuckXinXin/article/details/105557202
版权
本文介绍了在JavaScript中为HTML元素添加事件的三种常见方法：直接在DOM元素上绑定，通过JavaScript代码绑定，以及使用事件监听函数。这种方式有助于提高文档结构的清晰度和管理效率。
摘要由CSDN通过智能技术生成

在JavaScript中，有三种常用的绑定事件的方法：
（1）在DOM元素中直接绑定
（2）在JavaScript代码中绑定
（3）绑定事件监听函数

（1）在DOM元素中直接绑定

//原生函数
<input οnclick="alert('谢谢支持')" type="button" value="点击我，弹出警告框" />
 
//自定义函数
<input οnclick="myAlert()" type="button&#
最低0.47元/天 解锁文章
LuckXinXin
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css外部文件的引用方式有哪几种
09-25
下面我们将详细探讨两种引用CSS外部文件的方法。 1. **通过`<link>`标签引用** 在HTML文档的`<head>`部分，可以使用`<link>`标签来引用外部CSS文件。`<link>`标签的主要属性包括`rel`（关系）、`href`（资源链接...
CSS3制作轮播图的一种方法
12-13
这个值可以调整，但至少需要超过图片总宽度的两倍加一张图片的宽度，因为轮播图是向左移动的。 6. **动画关键帧 `@keyframes`**：定义动画`animal`，设置初始状态`0%`时`margin-left:0`，结束状态`100%`时`margin-...
如何添加HTML元素的事件处理，有几种方法
weixin_42985225的博客
09-04 2657
添加html元素的事件有三种方法。 1.通过HTML元素属性。简单说来就是在html结构中，给你要添加事件的元素添加一个属性。 属性名为 ‘on’ + 事件名。 如:你要给a元素绑定一个click事件，你就该这么写： name 2.通过对象属性。 对象指的是jDOM树里的对象，我们都知道，所有的html元素在DOM(文档对象类型)里都存在一个相应的DOM元素。 给这个DOM元素添加事...
在hmtl页面中给元素添加事件的几种主要方式
最新发布
lixingzhuo的博客
09-07 977
动态生成的元素：当调用事件函数给元素添加事件时，如果元素还没有生成，后来生成的元素叫做动态生成的元素。固有元素：当调用事件函数给元素添加事件时，如果元素已经生成，则这些元素叫做固有元素；父元素:必须是固有元素,可以直接父元素,也可以是间接父元素.不但能给固有元素添加事件，还能够给动态生成的元素添加事件。子选择器：目标元素,跟父选择器构成一个父子选择器。这种方式虽然很简便，但是代码很杂乱，不好维护。事件类型：跟事件属性和事件函数一一对应。原则固有父元素范围越小越好.但是只能给固有元素添加事件。
添加html元素的事件
老杨的博客
09-06 2431
添加html元素的事件有三种方法。 　　1.通过HTML元素属性。简单说来就是在html结构中，给你要添加事件的元素添加一个属性。 属性名为 'on' + 事件名。 如:你要给a元素绑定一个click事件，你就该这么写： http://blog.163.com/luping_01/blog/#" onclick='do something'>name 2.通过对象属性。 对象指的
JavaScript事件触发 HTML添加事件
徐冰的博客
10-21 847
常用事件： Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态，常用事件如下： 注意：onsubmit事件使用需要满足以下三点： 1、必须是form标签中的input，而且input的type必须是submit。 2、onsubmit的调用时必须加return。 3、调用方法必须返回true或者false。 代码如下： <script>...
html绑定事件
weixin_58462431的博客
12-29 1101
有三种 第一种是直接在标签里面使用onclick绑定 第二种使用jquery进行绑定 ￥$('#btn').click(函数) 第三种 使用原生js绑定 document.getElementById("#btn").addEvuntListener('要绑定的事件',function(){ }false),addEventListener的第三个参数是用于决定事件模型的，当父元素和子元素都绑定了事件时，这个参数决定先触发哪个事件，false为冒泡事件模型：即子元素绑定的事件先响应，父元素绑定的事件
正则验证小数点后面只能有两位数的方法
08-31
这行代码中的正则表达式"\\.\d{2,}$"的含义是匹配小数点后至少两位数字直到字符串的末尾。`replace`函数用于在匹配到的内容后直接截取到小数点后两位，从而保证小数点后不会有多余的数字。 5. **jQuery Validate...
PHP 99乘法表的几种实现代码
10-14
这是最常见的实现方式，通过两个嵌套的for循环来完成。外层循环控制行数，内层循环控制每行的元素。代码如下： ```php for($j=1; $j; $j++) { for($i=1; $i$j; $i++) { echo "{$i}x{$j}=".($i*$j)." "; } ...
js几种常用表单验证控件
04-18
这篇文档将深入探讨JavaScript中几种常用的表单验证控件和方法。 一、基本的HTML5验证 HTML5引入了内置的表单验证属性，如`required`、`pattern`、`min`、`max`等，使得验证变得更加简单。例如： ```html ``` ...
JS绑定事件的三种方式
Hello,I am Waleee
07-17 3037
一. xhtml 绑定方式<input type="button" onclick="test();"/><input type="button" onclick="若干句JS代码 "/>二. dom绑定方式 (推荐)优点：内容和行为分离 //dom对象.事件 = 事件处理函数var btn1 = document.getElementById("btn1"); btn1.onclick =
HTML绑定事件处理程序的三种方式
纯黑色山羊
09-28 1010
非IE浏览器 事件直接写在HTML标签中，且触发的函数也在其中，里面不能使用未经转义的HTML语法字符，比如&号，<号或>号 事件直接写在HTML标签汇中，触发的函数写在javaScript中，代码执行过程中，有权访问全局作用域中的任何代码，触发的函数有一个event事件对象（无需定义，不用传参，可以直接访问），也可以使用this值访问事件的目标元素。可以在函数中使用with语句扩展作用域（不推荐） 缺点： 1.在javaScript未加载时，用户触发了事件，但函数未加载，会导致
html input onclick,对部分<input>标签添加onclick事件
weixin_39753857的博客
06-15 1899
abcdcast={Method:function test(){var list=document.getElementsByTagName("input");for(var i=0;i
在html页中给元素添加事件
tyds715的专栏
11-12 1647
说明： Div2 Element onSubmit= ， onclick= 元素的这一类属性， 以下统称为事件处理属性。 他的值 称为 事件处理代码 一、一般，我们给html页中元素添加事件处理的js 代码 有以下几个方法 1，第一种添加事件的方式，直接在html的元素的事件处理属性中写JS代码      直接写JS代码 2.第二种添加事件的方式，定义一个函数，赋值给html
为动态生成的html元素增加事件处理
大尾巴狼专栏
01-31 785
本篇介绍为html元素添加事件，以click为例，作者只给出了代码，不过是一目了然的。Adding OnClick property to dynamicly genertated html elementfunction klik()...{ alert("ppp"); } function addNewImg(newImageId)...{ newImg = document.crea
对部分<input>标签添加onclick事件
rainVSjava的专栏
04-19 2717
a   b   c   d   cast={Method:function test(){ var list=document.getElementsByTagName("input");  for(var i=0;i    {  list[i].onclick=function(){  var dv=document.getElementById("11");  d
html点击事件submit,在input里如何点击一个click事件触发一个submit事件？
weixin_42558093的博客
06-05 1743
加onclick就可以了。拓展：1、input函数，一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮。返回 String，它包含以 Input 或 Binary 方式打开的文件中的字符。语法Input(number, [#]filenumber)Input 函数的语法具有以下几个部分:部分描述number必要。任何有效的数值表达式，指定要返回的字符个数。2、filenumber必...
html 获取input值 onclick,Asp.net 在后台代码中给html中的input添加点击事件，以及获取input中的输入值...
weixin_35385409的博客
06-16 2097
给input添加点击事件，获取input中输入的内容在这里我添加了三个常用的input标签，它们的类型分别是text，submit，button。如果我们想要在后台中为它们添加点击事件(也就是在 .cs文件中)，就必须为它添加 runat=“server” 以及 onserverclick=“点击事件的名称”。注意：是onserverclick不是onclick， 为onclick添加的方法可以在...
如何给HTML元素添加事件
x_j_k_jysg的博客
07-17 190
1、第一种方式：直接添加 <!DOCTYPE html> <html> <head> <script> <meta charset="UTF-8"> <title></title> function test(){ console.log("1"); } </script> </head> <body>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值