直接对onclick赋值

2026-08-26

js给对象onclick事件赋值

1)当方法没有参数时,赋值可以直接用onclick = 方法名 window.onload = function() { $('btnTest').onclick = test; } function test() { alert(val); } 2)当方法有参数时,用onclick = 方法名(参数)时就有错了,例如: function show(value1,value2){ alert(value); } btn.onclick = show(value1.value2); 以上代码执行起

js button onclick动作赋值操作

昨天遇到的小问题记录下主要的东西其实都在这里:http://www.jb51.net/article/35107.htm 我稍微写一下: <script> function show(value) { alert(value); } btn.onclick = show(certid.value); <script> 这么写,后边的show就直接执行了,onclick赋值动作也并不成功: 正确的写法: <script> function show(value1,va

onclick = xxx这种赋值写法绑定事件的原理是什么？

本文转自知乎貘吃馍香的回答提问:刚入门不久,能力有限,这个问题我描述起来有点困难,只有劳烦各位大神细看了我之前一直以为js底层存在类似下面这样的代码: //给所有dom对象定义好onclick值为一个空函数 HTMLElement.prototype.onclick = function(){}; //给所有dom对象绑定默认点击回调函数:点击时都执行一次自己的onclick方法 [].map.call(document.all,function(item){ item.addEventLi

关于jquery改变onclick方法，最保险的做法

function a(){ alert("a"); } function b(){ alert("b"); } <input type="button" onclick="a()" /> 要将button的onclick改为b()方法,最保险的做法是: $("input[type=button]").removeAttr("onclick").attr("oncli

js 中混乱this

1.在HTML元素事件属性中inline方式使用this关键字: <div onclick=" // 可以在里面使用this ">division element</div> 我们一般比较常用的方法是在此使用:javascirpt: EventHandler(this),这样的形式.不过这里其实可以写任何合法的JavaScript语句,要是高兴在此定义个类也可以(不过将会是个内部类).这里的原理是脚本引擎生成了一个div实例对象的匿名成员方法,而onclick

【读书笔记】读《JavaScript设计模式》之观察者模式

一.定义在事件驱动的环境中,比如浏览器这种持续寻求用户关注的环境中,观察者模式(又名发布者-订阅者(publisher-subscripber)模式)是一种管理人与其任务之间的关系(确切地讲,是对象及其行为和状态之间的关系)的得力工具.用JavaScript的话来说,这种模式的实质就是你可以对程序中某个对象的状态进行观察,并且在其发生改变时能够得到通知. 二.例子我们需要一个发布者的构造函数,它为该实例定义了一个类型为数组的属性,用来保存订阅者的引用. function Publisher(

JSBinding + SharpKit / 原理篇：Delegate

以 NGUI 的 UIEventListener 为例: 有一个类: using SharpKit.JavaScript; using UnityEngine; using System.Collections; [JsType(JsMode.Clr,"../StreamingAssets/JavaScript/SharpKitGenerated/z_temp/test0610.javascript")] public class test0610 : MonoBehaviour {

extjs 学习笔记（二）

EXTJS实用开发指南 1. 要使用ExtJS 框架的页面中一般包括下面几句: <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" /> <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></

读书笔记之 - javascript 设计模式 - 观察者模式

在事件驱动的环境中,比如浏览器这种持续寻求用户关注的环境中,观察者模式是一种管理人与其任务(确切的讲,是对象及其行为和状态之间的关系)之间的关系的得力工具.用javascript的话来讲,这种模式的实质就是你可以对程序中某个对象的状态进行观察,并且在其发生变化时可以得到通知. 观察者模式中存在俩个角色:观察者和被观察者.也可以叫做发布者和订阅者.这种模式在javascript中有几种不同的实现方法,下面将对其中的一些实现方式进行考察. 模式的实践: 在javascript中有多种方法可以实现发布

javascript 事件处理

[写在前面]近期一直在看js的基础,毕竟jquery尽管好用,总归是用着别人写的,仅仅会用api不如搞清楚实现的原理. 等把js基础巩固好了一定要去读jquery的源代码. 事件流事件流描写叙述的是从页面中接收事件的顺序.js中有两种事件流,冒泡流和捕获流.两种流的名称都非常形象.在由节点构成的一颗html树上面,冒泡流指事件開始时候由最详细的元素最先接收,然后逐级传播到最不详细的节点,比方在例如以下文档中: <!doctype html> <html> <head>

Promise和异步编程

前面的话 JS有很多强大的功能,其中一个是它可以轻松地搞定异步编程.作为一门为Web而生的语言,它从一开始就需要能够响应异步的用户交互,如点击和按键操作等.Node.js用回调函数代替了事件,使异步编程在JS领域更加流行.但当更多程序开始使用异步编程时,事件和回调函数却不能满足开发者想要做的所有事情,它们还不够强大,而Promise就是这些问题的解决方案 Promise可以实现其他语言中类似Future和Deferred一样的功能,是另一种异步编程的选择,它既可以像事件和回调函数一样指定稍后执行

Vue-admin工作整理（八）： BUS | | 组件通信

一.父子组件之间通信思路:定义一个个人组件,个人组件通常需要在前缀统一命名一下,如:AInput,该组件的作用是将编辑框中的内容获取并通过事件提交出去,然后在目标组件(store)中通过双向交互模式(v-model)来接收.具体实现为: 1.路由列表增加一个入口: { path: '/store', name: 'store', component: () => import('@/views/store.vue') }, 2.定义自定义组件:AInput(components->AInpu

js中this的总结

http://www.blogjava.net/baoyaer/articles/105864.html 在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了,用起来是非常方便和意义确定的.JavaScript也提供了这个this关键字,不过用起来就比经典OO语言中要"混乱"的多了. 下面就来看看,在JavaScript中各种this的使用方法有什么混乱之处? 1.在HTML元

javascript this详解（转）

在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了,用起来是非常方便和意义确定的.JavaScript也提供了这个this关键字,不过用起来就比经典OO语言中要"混乱"的多了. 下面就来看看,在JavaScript中各种this的使用方法有什么混乱之处? 1.在HTML元素事件属性中inline方式使用this关键字: <div onclick=" // 可以在里面使用

Javascript中的this之我见

来源:http://www.blogjava.net/baoyaer/articles/105864.html 在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了,用起来是非常方便和意义确定的.JavaScript也提供了这个this关键字,不过用起来就比经典OO语言中要"混乱"的多了. 下面就来看看,在JavaScript中各种this的使用方法有什么混乱之处? 1.在HTML元素事件

javascript this详解面向对象

在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字虽然在开始学习的时候觉得比较难,但只要理解了,用起来是非常方便和意义确定的.JavaScript也提供了这个this关键字,不过用起来就比经典OO语言中要"混乱"的多了.下面就来看看,在JavaScript中各种this的使用方法有什么混乱之处? 1.在HTML元素事件属性中inline方式使用this关键字: <div onclick=" // 可以在里面

JS事件监听器

JS事件监听器 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Javascript事件监听</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <button

JS-DOM-随时更新

DOM里有三种节点:元素节点.文本节点和属性节点 getElmentById(); //id选择器在JS中用此方法来查找获取建议大小写以免不兼容有时候查找不到 DOM操作必须等到HTML文档加载完毕执行解决方法1:<script></script>移到</html>后面 2.用onlod事件来解决 window.onload=function(){ //这里存放当页面所以内容加载完毕后,再执行的代码 } tagName:获取这个元素节点的标签名 inne

JavaScript 实现用户点击图片放大

JavaScript 实现用户点击图片放大一.契机情况是这样的,之前推荐朋友去建站.后面他专门写了一篇文章说如何实现 "用户点击图片实现放大效果",俺就好好 "拜读" 了一下.其实他是使用 "img" 配合 "a" 实现 "target" 参数当前窗口打开.本着学(jiao)习(yu)的精神,研究了一下午也出结果了.在此分享给大家,如有问题欢迎留言告知,感激不尽. 二.2W1H 什么是 JS ( jav

es6 let介绍及应用场景

关于更多es6建议去看阮一峰的博客~ es6入门:http://es6.ruanyifeng.com/ 源码仓库:https://github.com/ruanyf/es6tutorial let介绍一.块级作用域(重点). 我们知道,在javascript中只有全局作用域和函数作用域,并不存在块级作用域.这样,在使用时就会出现一些问题. 下面我们先来举例说明let块级作用域的使用. 例: 代码如下所示: { var a=5; let b=10; } console.log(a); conso

JavaScript给onclick事件赋值，动态传参数实例辩错

错误的例子: <body> <input id="certid" type="text" value="123456" > <input id="btn" type="button" value="button" onclick=""> </body> <script> function show(value

直接对onclick赋值

热门专题