如何創建自定義事件並使用Javascript觸發它

Question

我的代碼：.....

<html>
<head>
<script>
function demo()
{
    var win=window.open("demo.html",'_blank');
    alert('Requested Page Loaded...');
    win.focus();
}
</script>
</head>
<body>
<input type="button" value="demo" onClick="demo()"></input>
</body>
</html>

我想使用JavaScript事件動態關閉警報事件。 當出現警報時，它將使用JavaScript事件觸發功能自動關閉並關閉。

Answer 1

您可以創建一個偽警報。 如果通過編程事件關閉了它（而不是通過屏幕觸發），則可以將其設為模態。

這里是一個小提琴。 （單擊兩種顏色以打開和關閉警報。

HTML

<div class='testdiv'></div>
<div class='testdiv3'></div>
<div id='dialogtest' class='testdiv2'>Alert!</div>

CSS

.testdiv {
    width: 100px;
    height: 100px;
    margin: 0px auto;
    background-color: red;
}
.testdiv3 {
    width: 100px;
    height: 100px;
    margin: 0px auto;
    background-color: green;
}

.testdiv2 {
    background-color: green;
    width: 50px;
    height: 50px;
    font-size: 15px;
}
.ui-dialog-titlebar {
    display: none;
}

JS

$( ".testdiv2" ).dialog({
                       autoOpen: false,
                          modal: false,
                         height: 50,
                          width: 'auto',
                       position: { my: "right middle",
                                   at: "left middle",
                                  of : ".testdiv" } 
                           });

$('.testdiv').click(function(){
  $('.testdiv2').dialog('open');
});
$('.testdiv3').click(function(){
  $('.testdiv2').dialog('close');
});

如何創建自定義事件並使用Javascript觸發它

問題描述

1 個解決方案

解決方案1
1 2013-12-02 05:07:57

如何創建自定義事件並使用Javascript觸發它

問題描述

1 個解決方案

解決方案1 1 2013-12-02 05:07:57

解決方案1
1 2013-12-02 05:07:57