Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTMLでウィンドウの外にドラッグするときにFirefoxでdragleaveイベントを検出するにはどうすればよいですか？

どの要素を追跡する必要がありますかdragenter およびドラッグリーブ トリガーされていました。個々の要素でdragenterとdragleaveをリッスンすると、その要素のイベントだけでなく、子のイベントもキャプチャされます。

$.fn.draghover = function(options) {
   return this.each(function() {
      var collection = $(),
      self = $(this);
      self.on('dragenter', function(ev) {
         if (collection.length === 0) {
            self.trigger('draghoverstart');
         }
         collection = collection.add(ev.target);
      });
      self.on('dragleave drop', function(ev) {
         collection = collection.not(ev.target);
         if (collection.length === 0) {
            self.trigger('draghoverend');
         }
      });
   });
};
イベントを聞く-

$(window).draghover().on({
   'draghoverstart': function() {
      alert(‘dragged into the window');
   },
   'draghoverend': function() {
      alert('dragged out of window');
   }
});

  1. CSSを使用してブラウザウィンドウの高さ全体に合うように要素を拡大するにはどうすればよいですか？

    CSSを使用してブラウザウィンドウの高さ全体に合わせて要素を拡大するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <title>Page Title</title> <style>    *{       box-sizing: border-box;    }    html, body {       height: 100%;   &nbs

  2. Tkinterでウィンドウクローズイベントを処理するにはどうすればよいですか？

    Tkinterは、ウィンドウを閉じるためのカスタムハンドラーを提供します。これは、ユーザーがウィンドウを閉じるために実行できるコールバック関数として機能します。 ハンドラーを使用してウィンドウを閉じるには、 destroy（）を使用できます。 方法。関数またはウィジェットでウィンドウを呼び出した後、ウィンドウを突然閉じます。メソッドを定義して、closeイベントハンドラーを呼び出しましょう。 ウィジェットで引数として使用する 例 #Importing the required library from tkinter import * #Create an instance of tkin