js模擬點擊代碼,js 模擬雙擊

本文目錄一覽:

求自動點擊按鈕的代碼,最好是Javascript

button id=”btn” onclick=”window.location.href=’index.html’;”提交/button

script type=”text/javascript”

var btn = document.getElementById(“btn”);

btn.click();

/script

js如何實現鼠標模擬點擊

主動觸發事件是一個經常會用到的技巧,它很重要。它和事件綁定一樣存在着瀏覽器兼容性問題。傳統瀏覽器(IE8-)使用createEventObject來創建事件對象,用fireEvent這個方法來觸發事件;現代瀏覽器用createEvent來創建對象,用dspatchEvent來觸發事件。

//獲取瀏覽器版本

var isIE=navigator.userAgent.match(/MSIE (\d)/i);

isIE=isIE?isIE[1]:undefined;

//事件函數

function onclick(e){

e=e||event;

alert(e.msg||”表醬紫啦,人家羞澀啦~”);

};

//給document綁定一個點擊事件

isIE9

//傳統瀏覽器使用attachEvent

?document.attachEvent(“onclick”,onclick)

//現代瀏覽器使用addEventListner

:document.addEventListener(“click”,onclick,false);

//觸發自定義事件

if(isIE9){

//傳統瀏覽器

//創建對象

var event=document.createEventObject();

//給事件對象添加屬性

event.msg=”我是fireEvent觸發的”;

//觸發事件

document.fireEvent(“onclick”,event);

}else{

//現代瀏覽器

//創建事件對象

var e=document.createEvent(“MouseEvents”);

//初始化事件對象

e.initMouseEvent(“click”),

//給事件對象添加屬性

e.msg=”我是despatchEvent觸發的”;

//觸發事件

document.dispatchEvent(e);

};

JS控制鼠標點擊的代碼

這樣是不可以的! 如果可以隨便控制別人的鼠標

那外掛不是滿天飛了啊

你只能獲得 鼠標的 值

event.x 鼠標的橫坐標 event.y 鼠標的縱坐標

enevt 必須 寫在 時間的調用方法裏面

不可以直接 使用

只有 在事件的調用中才存在event 對象

不可以 但是 你可以控件的 onclick 事件

input type=button id=dd value=”ddd” onclick=”alert(‘11111’)”

script for = window event=onload

document.all.dd.onclick();

//頁面加載的時候就自動點擊這個按鈕

/script

用javascript的click()方法 能模擬點擊這個「用戶登錄「

可以直接調用click,示例如下:

html

head  

/head

body

 input type=”button” onclick=”FangFa()” value=”事件” id=”btn”/

 

/body

/html

 

script type=”text/javascript”

function FangFa()

{

     alert(“你單擊了按鈕”);

     A=new Lei();

     A.HanShuA();

}

document.getElementById(“btn”).click();

 

/script

還有的話,直接調用click所引用的函數也是可以的

如何模擬點擊網頁上的一個javascript按鈕

按鈕為input class=”btn_wr s_btn_wr bg” type=”submit” id=”su” value=”百度一下”/input。

我的代碼是如下的:

// JavaScript source code

var page = require(‘webpage’).create();

var address = ‘ .baidu.com/’;

var output = ‘capture.jpeg’;

page.open(address, function (status) {

if (status !== ‘success’) {

console.log(‘Unable to load address!’);

} else

{

try

{

var url = page.url;

console.log(‘URL: ‘ + url);

page.evaluate(function () {

document.getElementById(‘kw’).value = “translate”;

document.getElementById(‘su’).click();

});

url = page.url;

console.log(‘URL: ‘ + url);

window.setTimeout(function () {

page.render(output, { format: ‘jpeg’, quality: ‘100’ });

phantom.exit();

}, 200);

} catch (err)

{

console.log(err);

}

}

});

注意我用橘黃色高亮的字體,我在點擊按鈕前後檢測url是否發生變化,結果是在沒有發生任何變化,這說明按鈕沒有被點擊成功。(代碼中粉色的部分是我獲取按鈕的方式)

javascript模擬點擊a標籤

可以利用jQuery 的 trigger方法

例子:

$(“a”).trigger(“click”);

通過選擇器找到它(元素) , 然後觸發它的click, 還可以是其他的事件. 更多用法查看手冊

原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/309243.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2025-01-04 19:30
下一篇 2025-01-04 19:30

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • Python周杰倫代碼用法介紹

    本文將從多個方面對Python周杰倫代碼進行詳細的闡述。 一、代碼介紹 from urllib.request import urlopen from bs4 import Bea…

    編程 2025-04-29
  • Python字符串寬度不限制怎麼打代碼

    本文將為大家詳細介紹Python字符串寬度不限制時如何打代碼的幾個方面。 一、保持代碼風格的統一 在Python字符串寬度不限制的情況下,我們可以寫出很長很長的一行代碼。但是,為了…

    編程 2025-04-29
  • Python基礎代碼用法介紹

    本文將從多個方面對Python基礎代碼進行解析和詳細闡述,力求讓讀者深刻理解Python基礎代碼。通過本文的學習,相信大家對Python的學習和應用會更加輕鬆和高效。 一、變量和數…

    編程 2025-04-29
  • Python滿天星代碼:讓編程變得更加簡單

    本文將從多個方面詳細闡述Python滿天星代碼,為大家介紹它的優點以及如何在編程中使用。無論是剛剛接觸編程還是資深程序員,都能從中獲得一定的收穫。 一、簡介 Python滿天星代碼…

    編程 2025-04-29
  • 倉庫管理系統代碼設計Python

    這篇文章將詳細探討如何設計一個基於Python的倉庫管理系統。 一、基本需求 在着手設計之前,我們首先需要確定倉庫管理系統的基本需求。 我們可以將需求分為以下幾個方面: 1、庫存管…

    編程 2025-04-29
  • 寫代碼新手教程

    本文將從語言選擇、學習方法、編碼規範以及常見問題解答等多個方面,為編程新手提供實用、簡明的教程。 一、語言選擇 作為編程新手,選擇一門編程語言是很關鍵的一步。以下是幾個有代表性的編…

    編程 2025-04-29
  • Python實現簡易心形代碼

    在這個文章中,我們將會介紹如何用Python語言編寫一個非常簡單的代碼來生成一個心形圖案。我們將會從安裝Python開始介紹,逐步深入了解如何實現這一任務。 一、安裝Python …

    編程 2025-04-29
  • 怎麼寫不影響Python運行的長段代碼

    在Python編程的過程中,我們不可避免地需要編寫一些長段代碼,包括函數、類、複雜的控制語句等等。在編寫這些代碼時,我們需要考慮代碼可讀性、易用性以及對Python運行性能的影響。…

    編程 2025-04-29
  • 如何解決web瀏覽器雙擊事件時差

    本文將從以下幾個方面對web瀏覽器雙擊事件時差進行詳細闡述,並提供解決方法。 一、雙擊事件延時設置 1、問題描述:在web瀏覽器中,雙擊事件默認會延時一定的時間才能觸發該事件,這個…

    編程 2025-04-29

發表回復

登錄後才能評論