本文目录一览:
- 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是方法,两者是不同的概念。