JavaScript触发HTML元素事件

最新推荐文章于 2024-04-11 19:26:38 发布
最新推荐文章于 2024-04-11 19:26:38 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： Web前端 文章标签： JavaScript 事件 HTML 触发 JS
欢迎转载，转载请注明原地址，谢谢！
本文链接：https://blog.csdn.net/u012643122/article/details/80532478
版权

很简单，你要触发什么事件直接调用那个事件即可，以下代码兼容所有主流浏览器。

<html>
    <select id="s1" onchange="ff(this,5)" onclick="ff(this,50)">
        <option value="1">A</option>
        <option value="2" selected>B</option>
    </select>
    <script>
    function ff(i,k){
      alert(i.value*k)
    }
    s1.onchange();//在各大浏览器均可使用，s1.onchange()不可以写成s1.change()
    s1.onclick();//在各大浏览器均可使用，s1.onclick()也可以写成s1.click()
    </script>
</html>

不要用什么createEvent、initEvent、dispatchEvent事件三连。
也不要用这个不好使的fireEvent。

当然，最好的解决方法是，手动调用一下事件里的方法，如把s1.onchange();换成ff(this,5)，把s1.onclick();换成ff(this,50)。

思想永无止境
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML DOM Event 对象
weixin_30487317的博客
06-25 134
HTML DOM Event 对象 实例 哪个鼠标按钮被点击？ 光标的坐标是？ 被按的按键的 unicode 是？ 相对于屏幕，光标的坐标是？ shift 键被按了吗？ 哪个元素被点击了？ 哪个事件类型发生了？ Event 对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会...
html dom 触发等事件
Candx2的博客
09-18 402
事件触发： onclick 实例： <!DOCTYPE html> <html> <body> <h1 onclick="changeText(this)">点击此文本！</h1> <script> function changeText(id) { id.innerHTML = "Hello:)"; } </script> </body> </html> Onload和onun
JavaScript HTML DOM EventListener（事件监听器）（秒懂事件监听）
最新发布
百赢出品，必属精品
04-11 2896
JavaScript HTML DOM EventListener（事件监听器）是一种用于在HTML文档中捕获和处理事件的机制。通过使用事件监听器，可以在特定的HTML元素上注册监听器函数，以便在事件发生时执行相应的操作。事件监听是在网页开发中常用的技术，用于捕获特定的用户操作或系统事件，并在事件发生时执行相应的代码。事件类型: 事件可以是用户操作，如点击、悬停、键盘输入等，也可以是系统事件，如窗口加载、滚动、大小调整等。事件目标。
js 触发元素事件
weixin_66705999的博客
04-12 2496
click事件 // 触发click事件 let img = document.querySelector('img') img.addEventListener('click', function () { console.log(123); }) // 自动触发 img.click() 非click事件 // 触发元素的非click事件 -- 实现步骤 // 1、创建一个自定义事件对象，HtmlEvents--说明要触发的是事件中的元
js触发click事件
你要明白，任何问题都不是孤立存在的，一定有人曾经遇到过，并且已经有更好的解决办法了，只是我还不知道。我不应该在黑暗中独自前行，去重新发明轮子，也许我的顿悟，只是别人的基本功！我应该要站在巨人的肩膀上，学习更成熟的经验和方法，然后再来解决这个问题
04-21 1万+
<v-btn id="btnc" text color="black" v-on="on"> </v-btn> //在触发前要先定义click事件 document.getElementById("btnc").onclick = function() { //定义点击事件 当点击后触发什么函数 alert("123123"); }; //btnc是...
event.initEvent()
weixin_30756499的博客
07-30 262
参考连接： http://www.360doc.com/content/11/0408/21/39360_108259790.shtml 转载于:https://www.cnblogs.com/zhangzs000/p/7259233.html
javascript 触发HTML元素绑定的函数
10-28
只能触发函数的执行，并不能完全模拟出实际的点击。
javascript 触发事件列表 比较不错
10-29
以下是一些常见的JavaScript触发事件及其详细解释： 1. **单击事件 (onclick)**：当用户点击鼠标按钮时触发，常用于按钮点击打开新页面或执行特定功能。 ```html 打开页面" onclick="window.open('xxxx.html','new...
javascript删除一个html元素节点的方法
10-25
在JavaScript中，删除HTML元素节点是一项常见的操作，特别是在动态构建页面或者进行DOM操作时。本文将详细介绍如何使用原生JavaScript来删除一个特定的HTML元素节点。 首先，我们需要了解DOM（Document Object ...
javascript/jquery实现点击触发事件的方法分析
10-16
这是最基础的点击事件处理方式，通过在HTML元素上直接设置`onclick`属性或者在JavaScript中获取元素并为其添加事件监听器。示例代码中使用了函数封装，确保在DOM加载完成后执行： ```javascript var demo = ...
HTML 事件(四) 模拟事件操作
weixin_34396902的博客
03-11 157
  　　本篇主要介绍HTML DOM中事件的模拟操作。 其他事件文章 1. HTML 事件(一) 事件的介绍 2. HTML 事件(二) 事件的注册与注销 3. HTML 事件(三) 事件流与事件委托 4. HTML 事件(四) 模拟事件操作   目录 1. 模拟事件介绍  　　1.1 特点 　　1.2 创建方式 2. 老版本 　　2.1 创建步骤 　　2.2 支持的事件...
JS检测页面中哪个HTML标签触发点击事件的方法
11-23
本文实例讲述了JS检测页面中哪个HTML标签触发点击事件的方法。分享给大家供大家参考，具体如下： 在html标签中，为了页面显示的美观，会在标签中相互嵌套，在做“效果”的时候就难免不了的添加各种事件，例如： dddd 当用户点击的时候，想确定是链接产生的事件还是span标签onclick标签产生的事件，这个有时候是很有必要的，至少我认为在调试的时候有作用，因此我写了一个简单的demo，用于各位看官学习 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional
Event对象和触发
weixin_30898109的博客
03-17 296
　　 　　1、构造： 　　　　//非IE浏览器事件构造方法 　　　　varevent=document.createEvent('HTMLEvents');//'HTMLEvents'自定义事件名 　　　　//IE浏览器构造方法 　　　　var event = document.creatEventObject(); 　　2、事件初始化 　　　　event.initEvent...
js中使用createEvent和initEvent实现自定义事件
海涛高软
02-18 2299
自定义事件分三大步： 1 定义一个事件 2 设置事件监听 3 手动触发事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-...
JavaScript自定义事件 - createEvent()、initEvent()和dispachEvent()
weixin_30294709的博客
02-15 1990
　　在学习目标事件的方法的时候，接触到了dispatchEvent()方法。度娘查一查，这是一个事件触发器，事件触发器其实就是触发事件的东西。 　　通常情况下，我们触发事件都是在交互中触发的事件，例如点击按钮（click）、提交表单（submit）等。但是有的情况下，事件触发只能由程序来完成，例如ajax框架的一些自定义事件。 　　基本上dispatchEvent()方法用于触发自定义事...
JavaScript事件(createEvent,initEvent,dispatchEvent)
weixin_34419321的博客
03-01 1189
为什么80%的码农都做不了架构师？>>> ...
js中获取触发事件对象的标签名称
yo_yolv
07-25 3778
/**  * 获取当前触发事件对象的标签名称  * @param event  */ function getTargetName(event){ //判断浏览器，IE需调srcElement来获取触发事件的对象 var target = $.browser.msie ? event.srcElement : event.target; if(target){ //获取名称
html中自动触发事件
热门推荐
beidaol的专栏
01-03 2万+
问题       在编写前端代码的时候，进行某个操作后希望系统能自动触发一个动作，比如自动触发button的单击动作，此时可以使用jquery的trigger来实现，       如$('#button1').trigger("click"); 表示自动触发id为button1的单击动作 实例 在对表单进行完整性验证后单击提交，然后自动触发下面按钮的动作 运行开始的图 未输入信息便...
js触发大全
xsxxjsp的专栏
04-09 375
onactivate                        当对象设置为活动元素时触发。 onbeforeactivate                  对象要被设置为当前元素前立即触发。 onbeforecut                       当选中区从文档中删除之前在源对象触发。 onbeforedeactivate                在 activeEle
js监控input元素触发事件
06-07
与上面类似，我们可以通过添加事件监听器来监控 `input` 元素触发的事件。常见的 `input` 事件有 `input`、`change`、`focus`、`blur` 等，分别表示输入内容发生变化、输入框的值发生变化、输入框获得焦点、输入框...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值