JavaScriptで作成したdiv要素を削除する際に問題が発生しています。この関数をonclick要素と呼びます。
function makediv(){
var div = document.createElement('DIV');
$(div).attr('id','md');
$(div).css({"left":e.pageX,"top":e.pageY });
$("body").append(div);
}
そして、ここで、そのdiv以外の場所をクリックしたときに、どのように削除しようとしているのかを説明します。他の場所をクリックする前に、divが表示されただけで、作成した瞬間に削除されました。
window.onclick = function(event)
{
dl=$('#md');
if(event.target!=dl)
dl.remove();
}
私もこれを試しました。
window.onclick = function(event)
{
if($('#md').length!=0){
dl=$('#md');
if(event.target!=dl)
dl.remove();
}
}
ただし、このコードは、作成時にdiv要素を削除します。
jQuery
短くて簡単なコードに使用できます。
function makediv() {
$("body").append("<div id='md'></div>");
}
$(document).ready(function() {
makediv(); /* Call the function to add the div */
});
$(document).click(function(e) {
/* Check if id is mb. If it is not, remove the div */
if ($(e.target).attr("id") != "md") $("#md").remove();
});
#md {
width: 100px;
height: 100px;
background-color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加