本文目录一览:
- js中的click方法
- [在JS中,document.oncontextmenu=click; 这句话是什么意思啊](#在JS中,document.oncontextmenu=click; 这句话是什么意思啊)
- 网页中,鼠标点击与javascript的click事件怎么区分
- js中fireEvent和onclick的区别
- 如何用JS来点击按钮
- 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>
js中fireEvent和onclick的区别
DOM的 fireEvent
和 onclick
(这只是个代表)有以下区别:
onclick
需要 DOM 真正添加了onclick
事件,否则会报“对象不支持此属性或方法”错误。onclick
不会引起 IE 的冒泡过程,而fireEvent
会引起冒泡,fireEvent
更贴近用户真实的行为触发。- 由第二条得出,
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() 的区别:
onclick
是绑定事件,告诉浏览器在鼠标点击时候要做什么。click
本身是方法,作用是触发onclick
事件,只要执行了元素的click()
方法,就会触发onclick
事件。click()
方法的主要作用是触发调用click
方法元素的onclick
事件,实际上是模拟了鼠标的点击动作。此外,如果在click
括号内定义了其他可执行语句,则click
方法会在执行完onclick
事件之后执行括号内部的语句。 我们还可以注意到:onclick
是事件,而click
是方法,两者是不同的概念。