jQuery.Behavior - A Simple JavaScript Library for Complex Web Applications
jQuery.Behavior helps you organize your JavaScript code into logical chunks called "behaviors". // 1. Create behavior: function BadBehavior(element, config) { this.misbehave = function () { alert('Oh behave!'); } } // 2. Attach behavior: $('.bad-behavior').behavior(BadBehavior); // 3. Use behavior: $('.bad-behavior').behavior('misbehave'); // alert('Oh behave!') You know those web applications tha
rikrikrik: shortKeys jQuery plug-in
Try me! The keyboard shortcuts are: n m Space Space and v v t and y t and u $(document).shortkeys({ 'N': function () { $('#try_me').append('N<br />'); }, 'M': function () { $('#try_me').append('M<br />'); }, 'Space': function () { $('#try_me').append('Space<br />'); }, 'Space+V': function () { $('#try_me').append('Space+V<br />'); }, 'V': function () { $('#try_me').append('V<br />');
Using setTimeout to Delay Showing Event-Delegation Tooltips – Learning jQuery
Tips, techniques, and tutorials for the jQuery JavaScript library In my last two tutorials, I explained how to use event delegation for showing and hiding tooltips. In a comment on the first one, Jan Aagaard asked how we might go about enhancing the script by adding a small delay before showing a tooltip. The answer lies with two JavaScript functions, setTimeout() and clearTimeout(). Setting Up Pi
Binding Multiple Events to Reduce Redundancy with Event-Delegation Tooltips – Learning jQuery
Tips, techniques, and tutorials for the jQuery JavaScript library Last time I showed how to use event delegation to create a simple tooltip for a huge number of elements without running into the problem of binding an event handler to all of those elements. In this tutorial, I’m going to refine that tooltip script a bit, avoiding some code repetition and fixing a bug that someone pointed out in a c
Custom Events, and the Special Events API in jQuery | Envato Tuts+
Web pages, for the most part, are event-driven. Libraries such as jQuery have provided helper methods to make this functionality much easier to grasp. In this tutorial, we'll look at expanding upon these methods to create your own custom namespaced events. Events in JavaScript Before the luxury of JavaScript libraries, if you wanted to add a simple click event to an element you needed to do the fo
IEでresizeイベントをちゃんと起こすjQueryプラグイン書いた - ?D of K
IEはwindow.resizeがめっちゃ重いです。案の定、uupaaさんがすばらしいまとめと対策を書いていたので、ほとんどそのままjQueryのイベントで使えるようにプラグインの形にぶち込みました。 if (document.documentElement.uniqueID) (function ($, document_) { function size() { var root = document_.documentElement, body = document_.body; return { w: root && root.clientWidth || body.clientWidth, h: root && root.clientHeight || body.clientHeight }; } var lock_ = 0, size_, use_; $.event.speci
Working with Events, Part 3: More Event Delegation with jQuery – Learning jQuery
Tips, techniques, and tutorials for the jQuery JavaScript library Event delegation, as described in the first article of this series, is a way to take advantage of event bubbling to avoid binding an event listener more than once. jQuery 1.3 and the upcoming jQuery 1.4 have many features that make using event delegation in your web pages easier. The aim of this tutorial is to help you understand ho
jQuery.liveをfirefoxで使うときの注意点 - KAYAC Engineers' Blog
夢で医者にギブスくらい自分ではずせよと言われました。agoです。 昨日若手IT勉強会に参加させていただき、jQuery.live周辺とjsdeferredを読んできました。 そのとき気づいたのですが、Firefoxはdocument objectに対するclick eventが右クリック（event.button === 2）時にも呼ばれてしまうようです。(Firefox ver 3.5.5で確認) （Fxの方はデモコードの「ここをクリック！」を右クリックしていただければ確認できると思います） 本家にはすでに報告されているようなのでいずれ修正されると思いますが、jQuery ver 1.3.2以下で$().liveを使用する場合以下のようにコード側で対応することをお奨めします。 $('selector').live('click', function (env) { if (env.but
domino qq
Jadwal Result GAME & Pengundian Terlengkap GAME menjadi informasi penting bagi pemain yang ingin mengikuti hasil pengundian secara akurat dan tepat waktu. SURGAVIP menghadirkan layanan livedraw Macau resmi yang menampilkan hasil secara langsung sesuai jadwal, sehingga pemain tidak perlu menunggu lama untuk mengetahui angka keluaran terbaru. Melalui platform SURGAVIP, pemain dapat mengakses result
$.event.special.drop
This plugin leverages the special event api, to add bind-able drop behavior events. This plugin is designed to work exclusively with $.event.special.drag, actually, it doesn't work without it. Download - jQuery 1.2.6+ required, jquery.event.drag 1.0+ required. jquery.event.drop-1.1.js Complex demo... This plugin compares "dragProxy" position and registered drop target positions asynchronously, bas
eventのグローバル通知 - monjudoh’s diary
jQuery.event.trigger(eventType); で、やる。若手ITゾンビで読んだ。 主な用途はDOM要素に紐づかないcustom eventの通知用(例：ajaxSend)と思われる。 (全DOM要素への通知って用途はあるのかな?) 実行すると、jQuery.cacheに入っている全てのオブジェクト(DOM要素に限らない)に対して、このeventを通知する。 なので、Ajax中にページ更新する際の注意点 - to-RのtipsでajaxSendをbindする対象はbodyでなくても良い。 ただし、jQuery.event.global[eventType]がtrueの場合(一度でもこのeventTypeのeventをbindしたことがある場合)のみ、この処理は行われる。 なので、例えばajaxSendを一度もbindしていなければ全cacheを舐めるような処理は行われない
Event Pooling with jQuery Using Bind and Trigger: Managing Complex Javascript | Adventures in HttpContext
Managing Complexity in the UI As everyone knows, the more dependencies you have in a system, the harder maintaining that system is. Javascript is no exception- and orchestrating actions across complex user interfaces can be a nightmare if not done properly. Luckily, there’s a great pattern for orchestrating complex interaction in a disconnected way. No, it’s not the Observer pattern. It’s a take
jQuery idleTimer plugin - Paul Irish
There are a few cases where you want to know if the user is idle. Namely: You want to preload more assets You want to grab their attention to pull them back You want close their banking session after 5 minutes of inactivity. (Jerk!) You want the site to sneak off the screen and see if they notice ;-) Nick Zakas wrote a script for YUI3 to handle these cases. His writeup has a great description of t
Special Events
jQuery, since 1.2.2, has had an API for “special events”. These events are special because they have the ability to do some extra work for specific events and even the option to bypass some of the internal jQuery event system. With these special events you can create custom events that require some setup work or you can completely overwrite the behavior of native events. We use special events in j
liveイベント - 素人がプログラミングを勉強していたブログ
jQueryでサポートされたliveなイベントがどういう風に実現されているのか調べた。かなり複雑だったので詳細は追わなかったが、このようにしているようだ。 var live = function (selector, type, fun) { document.addEventListener( type, function (e) { var elem = e.target; var isMatch = Array.prototype.some.call( document.querySelectorAll(selector), elem.isSameNode, elem ); if (isMatch) { if (!fun.call(elem)) e.preventDefault(); } }, false ); }; live('body a', 'click', function
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Brandon Aaron
Brandon Aaron
$.event.special.drag
Brandon Aaron
GitHub - briancherne/jquery-hoverIntent: hoverIntent jQuery Plug-in
