html div单击事件,给div绑定点击事件三个方法

基础代码

测试

div {

font-size: 2em;

width: 250px;

cursor: pointer /*变成手型*/

}

.clickme {

background-color: #2aabd2;

}

方法1-javascript代码绑定

事件绑定-点击我

document.getElementById("clickme").onclick = function () {

location.href = "http://www.baidu.com/"

};

方法2-jQuery代码绑定

事件绑定-点击我

$(function () {

$("#clickme").bind("click", function () {

location.href = "http://www.baidu.com/"

});

方法3-addEventListener()代码绑定

事件绑定-点击我

function eventBindClick(obj, href) {

eventBind(obj, 'click', go(href));

}

function eventBind(obj, eventType, callBack) {

if (obj.addEventListener) {

obj.addEventListener(eventType, callBack, false);

} else if (obj.attachEvent) {

//window.attachEvent

obj.attachEvent('on' + eventType, callBack);

}

function go(href) {

location.href = href;

}

html div单击事件,给div绑定点击事件三个方法相关推荐

日历组件带农历及事件标记，绑定点击事件
前段时间需要做一个课程日历的记事,还需要带农历,网上查了一下现有的日历带农历的代码分享,整合了一下自己的事件业务逻辑,最终做了这么一个日历组件(农历使用紫金山天文台农历编码1921-2023,有没有大 ...
javascript动态生成按钮并绑定点击事件
前一个多月公司的前端开发人员离职,公司一直在招前端,基本上每天都有几个来面试的人,就这个面试频率,也才招了一个多月才招到.绝大部分都是死在了一道上机面试提上.题目很基础,但也很考基本功,基本上才3%左 ...
jquery 动态按钮绑定点击事件
一.Jquery实现点击事件的四种写法来自:https://blog.csdn.net/liutianjie/article/details/85112787 1. $(".tab&quo ...
vue 使用高德地图给海量点标记，并点击标记弹出信息窗口，信息窗口绑定点击事件
目录一.需求二.引入高德地图 2.1.将高德地图引入到项目中 2.2.查看官网快速上手,熟悉高德地图的主要API 2.3.海量点标注要用到的API文档 2.4.全部代码其他: 一.需求因为不知 ...
li通过绑定点击事件实现类似购物车功能(全选，点击勾选、取消等)，此例为模仿移动端小说书架界面实现勾选取消功能展示，有些麻烦但好理解（前端xb要努力变强）
效果展示点击全选被全部勾选,再点击则取消勾选(下方还有取消按钮,实现同样功能). 也可以实现点击的书籍被勾选,再次点击则取消勾选在功能实现过程中主要是对v-show.v-if.v-else等的灵活 ...
[Swift]最强UIButton解析 | #selector()绑定点击事件
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ➤微信公众号:山青咏芝(shanqingyongzhi) ➤博客园地址:山青咏芝(https://www.cnblog ...
react中绑定点击事件_在React中绑定事件处理程序的最佳方法
react中绑定点击事件 by Charlee Li 通过李李在React中绑定事件处理程序的最佳方法 (The best way to bind event handlers in React) ...
JavaScript给按钮绑定点击事件（onclick）的方法及js常见事件
本文实例讲述了JavaScript给按钮绑定点击事件(onclick)的方法.分享给大家供大家参考.具体分析如下: 我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 <!D ...
【JavaScript】按钮绑定点击事件-onCliek事件
[JavaScript]按钮绑定点击事件-onCliek事件 <button type="submit" id="btn">btn</butt ...
jQuery动态添加按钮，绑定点击事件失效
jQuery动态添加按钮,绑定点击事件失效因为需求需要给页面动态添加按钮并绑定点击事件进行操作, 但是发现绑定的点击事件失效. 原因分析: append中的节点是在整个文档加载完之后开始添加,因此页 ...

html div单击事件,给div绑定点击事件三个方法

html div单击事件,给div绑定点击事件三个方法相关推荐

最新文章

热门文章