js里click什麼意思,js中click是什麼意思

本文目錄一覽：

• 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是方法，兩者是不同的概念。