js追加html 有点击事件,js点击事件的多种写法

javascript 中的点击事件，可以通过多种不同的添加方式来实现。下面介绍三种 javascript 中添加点击事件的示例代码，个人可以根据自己的项目需要选择不同的实现方式。

js添加点击事件的代码

我是按钮

var btn = document.getElementById('mochu');

btn.onclick = function(){

alert('飞鸟慕鱼博客');

};

addEventListener() 方法添加点击事件

html DOM 中的 addEventListener() 方法可以向指定元素添加事件的句柄。它常用的为两个参数，一个为事件名称，另一个为事件触发的函数。

语法：element.addEventListener(event, function)

示例代码：

var btn = document.getElementById('mochu');

btn.addEventListener('click', function () {

alert('http://www.feiniaomy.com')

false);

DIV元素中直接加入点击事件

可以直接在DIV元素中添加 onclick 事件以及要执行的函数。

此种方法与第一种方法类似，只是代码的书写方式不同而已。

点击我

function a(){

alert('我是弹出的内容');

}

js追加html 有点击事件,js点击事件的多种写法相关推荐

fastclick.js解决移动端（ipad）点击事件反应慢问题
fastclick.js解决移动端(ipad)点击事件反应慢问题参考文章: (1)fastclick.js解决移动端(ipad)点击事件反应慢问题 (2)https://www.cnblogs.co ...
JS、阻止 a 标签的默认点击事件，阻止默认的所有事件
JS.阻止 a 标签的默认点击事件,阻止默认的所有事件 1 . javascript:void(0) 空处理缺点:当超链接有target="_blank"属性时,点击后任然会跳出 ...
html 点击增加样式,js点击添加css样式 css添加jq点击事件 JavaScript点击增加css样式...
js可实现点击后对div或者其他标签增加或者删除css样式,从而达到实现点击触发某种效果的目的.页面样式可以通过style修饰,也可以通过css修饰,改变css或者添加css可以改变页面的排版.代码如 ...
JS动态生成的元素，其对应的方法不响应（比如单击事件，鼠标移动事件等）...
主要原因:在页面给元素注册点击事件的时候[ $(function () { XXX }); ],JS动态生成的元素还尚未生成,所以click事件就没有生效解决方法: 方案一:js动态生成元素后再给 ...
JavaScript 技巧篇-js增加延迟时间解决单击双击事件冲突，双击事件触发单击事件
js 的单双击事件同时存在会有一个问题:双击事件会同时触发单击事件,两个事件存在冲突. 我们加一个延迟时间就能很好的解决这个问题. 原理: 当接收到第一个点击时,我们先把单击事件存储在这个是全局变量 ...
Vue.js-Day01-PM【事件绑定(事件传参、事件对象、传参+获取事件对象)、样式处理操作(模板、事件、属性绑定)、Tab切换(原生js实现、Vue.js实现)、js中的this详解关键字】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 4.事件绑定 4.1.事件绑定(点击.双击.鼠标移动) 点击按钮-最简单的事件绑定(无参函数) 格式点击按钮 ...
[js高手之路] vue系列教程 - vue的事件绑定与方法(2)
一.在vue中,绑定事件,用v-on:事件类型, 如绑定一个点击事件, 我们可以这样子做 1 window.onload = function () { 2 var c = new Vue({ 3 e ...
js监听多个事件_JavaScript中的事件与异常捕获解析
这篇文章主要给大家介绍了关于JavaScript中事件与异常捕获的相关资料,文中通过示例代码介绍的非常详细,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批 ...
fastclick.js移动端WEB开发，click,touch,tap事件浅析
建议看看:http://www.cnblogs.com/yexiaochai/p/3442220.html 一.click 和 tap 比较两者都会在点击时触发,但是在手机WEB端,click会有 ...
js鼠标事件大全-Javascript鼠标事件大全
js鼠标事件大全-Javascript鼠标事件大全 2009年03月11日星期三 14:22 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick 当键盘上的某个键被按下并且释放时 ...

js追加html 有点击事件,js点击事件的多种写法

js追加html 有点击事件,js点击事件的多种写法相关推荐

最新文章

热门文章