jQuery将onclick转换为onload



我有一个网站链接,当点击链接时,该链接当前正在工作,弹出一个窗口,但我希望onclick在不点击的情况下自动发生。onclick应该像onload一样工作。

我尝试了很多谷歌和StackOverflow搜索。。但我找不到解决问题的确切办法。

下面是我的代码:

<!DOCTYPE html>
<html>
<head>
<title>mygame | Browser</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="../api.js"></script>
<script type="text/javascript">
function initialize() {
document.getElementById('robrowser').addEventListener("click", function(){
var ROConfig = {
type:          ROBrowser.TYPE.POPUP,
application:   ROBrowser.APP.ONLINE,
remoteClient:  "http://play.mygame.com/client",
width:          1024,
height:         768,
development:    false,
servers: [{
display:     "mygame",
desc:        "mygame Revolution",
address:     "94.99.190.98",
port:        6900,
version:     46,
langtype:    12,
packetver:   20170614,
packetKeys:  false,
socketProxy: "ws://196.66.646.179:5999/"
}],
saveFiles:       true,
skipServerList:  true,
skipIntro:       true,
version:         1,
plugins: {
IntroMessage:  {}
}
};
var RO = new ROBrowser(ROConfig);
RO.start();
}, false );
}
window.addEventListener("load", initialize, false);
</script>
</head>
<body>
<input type="button" value="Run roBrowser" id="robrowser"/>
</body>

您可以模拟这样的按钮点击:

$("#robrowser").click();

在这种情况下,您希望在加载页面时运行该方法。您可以删除整个onclick侦听器,然后直接调用函数initialize((:

function initialize() {
var ROConfig = {
type:          ROBrowser.TYPE.POPUP,
application:   ROBrowser.APP.ONLINE,
remoteClient:  "http://play.mygame.com/client",
width:          1024,
height:         768,
development:    false,
servers: [{
display:     "mygame",
desc:        "mygame Revolution",
address:     "94.99.190.98",
port:        6900,
version:     46,
langtype:    12,
packetver:   20170614,
packetKeys:  false,
socketProxy: "ws://196.66.646.179:5999/"
}],
saveFiles:       true,
skipServerList:  true,
skipIntro:       true,
version:         1,
plugins: {
IntroMessage:  {}
}
};
var RO = new ROBrowser(ROConfig);
RO.start();
}
initialize();

进行了以下更改:

  1. button点击事件监听器移动到window加载函数中
  2. button点击事件的源代码移动到initialize()
  3. 针对函数initializebutton点击事件
  4. window加载函数调用/执行initialize()

源代码:

<!DOCTYPE html>
<html>
<head>
<title>mygame | Browser</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="../api.js"></script>
<script type="text/javascript">
function initialize() {
var ROConfig = {
type:          ROBrowser.TYPE.POPUP,
application:   ROBrowser.APP.ONLINE,
remoteClient:  "http://play.mygame.com/client",
width:          1024,
height:         768,
development:    false,
servers: [{
display:     "mygame",
desc:        "mygame Revolution",
address:     "94.99.190.98",
port:        6900,
version:     46,
langtype:    12,
packetver:   20170614,
packetKeys:  false,
socketProxy: "ws://196.66.646.179:5999/"
}],
saveFiles:       true,
skipServerList:  true,
skipIntro:       true,
version:         1,
plugins: {
IntroMessage:  {}
}
};
var RO = new ROBrowser(ROConfig);
RO.start();      
}
window.addEventListener("load", function(){
document.getElementById('robrowser').addEventListener("click", initialize, false );
initialize();
}, false);
</script>
</head>
<body>
<input type="button" value="Run roBrowser" id="robrowser"/>
</body>
</html>

如果你对上面的源代码有任何问题,请在下面留言,我会尽快回复你。

我希望这有帮助,快乐编码!

最新更新