本文目录一览：
- 1、js中的click方法
- 2、在JS中，document.oncontextmenu=click; 这句话是什么意思啊
- 3、网页中，鼠标点击与javascript的click事件怎么区分
- 4、js中fireEvent和onclick的区别
- 5、如何用JS来点击按钮
- 6、jQuery中click和onclick的区别
js中的click方法
好多的，关键字，保留字都要小心使用哦!
事件方面的嘛, 最简单的方法，就是到编译器里面写js代码，然后你把事件相似名字的作为方法写上去，然后，如果变颜色的，就是关键字的或者保留字的，然后你就可以测试了。
在JS中，document.oncontextmenu=click; 这句话是什么意思啊
document.oncontextmenu
是一个dom事件，具体表现为点击右键弹出菜单，
click是你自定义的一个方法
，
document.oncontextmenu=click
的意思相当于使用你自己定义的方法重写系统默认的oncontextmenu事件
网页中，鼠标点击与javascript的click事件怎么区分
某些网站的确会进行区分操作，区别如下：
如果只是在 jQuery 里的话，可以判断 e.originalEvent 是否存在。不在 jQuery 里，可以判断 clientX, pageX 之类的坐标属性是否为零。
当然，对于第三方脚本通过 document.createEvent() 和 dispatchEvent 触发的事件，如果他们也伪造了这些坐标值，就不太有什么办法了。只能依赖浏览器更底层的安全策略，即
给你几种可测试代码：
html
head
meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /
title测试用户点击和js点击/title
script src=’jquery-1.10.2.min.js’/script
/head
body
button id=”btn”Click/button
script
// 来源：
$(document).ready(function(){
// 方式1
a();
// 方式2
// b();
// b2();
// 方式3
// c();
// 方式1：btn.click.caller
function a() {
var btn = $(‘#btn’);
// 赋予事件
btn.click(function() {
console.log(btn.click.caller);
if(null === btn.click.caller) {
// 用户点击的
alert(‘用户点击了’);
}else {
// JS代码调的
alert(‘JS点击了’);
}
});
btn.click();
}
// 方式2: e.originalEvent（jquery）
function b(){
var btn = $(‘#btn’);
// 赋予事件
btn.click(function(event) {
// event.originalEvent = MouseEvent
if(event.originalEvent) {
// 用户点击的
alert(‘用户点击了’);
}else {
// JS代码调的
alert(‘JS点击了’);
}
});
btn.click();
}
// 方式2：pageX, clientX（原生js），也阔以是offsetX/layerX/screenX
function b2(){
// 原生js实现
var btn2 = document.getElementById(‘btn’);
// DOM0级事件实现
btn2.onclick = function(event){
if (event.pageX){
alert(‘用户点击了’);
}else{
alert(‘JS点击了’);
}
}
btn2.click();
}
// 方式3: event.isTrusted IE9+/firefox支持
function c(){
var btn = $(‘#btn’);
// 赋予事件
btn.click(function(event) {
// event.originalEvent = MouseEvent
if(event.isTrusted) {
// 用户点击的
alert(‘用户点击了’);
}else {
// JS代码调的
alert(‘JS点击了’);
}
});
btn.click();
}
});
/script
/body
/html
js中fireEvent和onclick的区别
DOM的fireEvent和onclick（这只是个代表）有以下区别：
1. onclick需要DOM真正添加了onclick事件，否则会报“对象不支持此属性或方法”错误
2. onclick不会引起IE的冒泡过程，而fireEvent会引起冒泡，fireEvent更贴近用户真实的行为触发
3. 由第二条得出，fireEvent在即使DOM没有click事件也可以fireEvent，而不会报错（更贴近用户真实行为）
最后可以拿下面的代码测试：
ul onclick=’alert(event.srcElement.innerHTML);’ li id=’id1′ onclick=’alert(1);’i am one;/li li id=’id2’i am two;/li li id=’id3’i am three;/li /ul button onclick=’document.getElementById(“id1”).onclick();’click me!/button button onclick=’document.getElementById(“id1”).fireEvent(“onclick”)’fireEvent !/button
原文：
如何用JS来点击按钮
原理
用JS来点击按钮需要分2步，第一步是选中按钮的元素，第二步是使用元素自带的click函数。
例如接下来我将要演示的例子中，仅用
document.getElementById(“btn”).click()
一行就可以控制按钮点击。
其中document.getElementById(“btn”)是根究id获取按钮的元素，click()是使按钮被点击一次。
演示
这是我为此问题专门写的在线演示页面点击按钮演示页面。
页面结构如图
首先点击右下角打开控制台
然后输入
document.getElementById(“btn”).click()
这行代码
按回车运行代码即可弹出一行提示，说明按钮被点击。你可以用鼠标点击一下按钮，也是这个效果。
jQuery中click和onclick的区别
click()和onclick()的区别：
1.onclick是绑定事件，告诉浏览器在鼠标点击时候要做什么
click本身是方法作用是触发onclick事件，只要执行了元素的click()方法，就会触发onclick事件。
2.click()方法的主要作用是触发调用click方法元素onclick事件,实际上是模拟了鼠标的点击动作。此外，如果在click括号内定义了其他可执行语句，则click方法会在执行完onclick事件之后执行括号内部的语句。
我们还可以注意到：onclick是事件，而click是方法，两者是不同的概念。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/183485.html
微信扫一扫 
支付宝扫一扫 