But which is better and faster? bind or the click,mouseover, etc
On 5/24/07, Erik Beeson <[EMAIL PROTECTED]> wrote:
Because the API for it is more consistent. Functionally it's the same as what you had. --Erik On 5/24/07, zio budda < [EMAIL PROTECTED]> wrote: > bind. Why bind ? > > M. > -- > Michel 'ZioBudda' Morelli [EMAIL PROTECTED] > Consulenza sistemistica in ambito OpenSource. > Sviluppo applicazioni web dinamiche (LAMP+Ajax) > Telefono: +39-3939890025 -- Fax: +39-0291390660 > > http://www.ziobudda.net ICQ: 58351764 > http://www.ziobuddalabs.it Skype: zio_budda > http://www.ajaxblog.it MSN: [EMAIL PROTECTED] > > > 2007/5/24, Erik Beeson <[EMAIL PROTECTED]>: > > > At least on FF, the mousedown event has a boolean property called ctrlKey: > > > > $(...).bind('mousedown', function(event) { > > if(event.ctrlKey) { > > /* ctrl was down */ > > } else { > > /* ctrl wasn't down */ > > } > > }); > > > > Not sure if that's cross browser or not. Be careful about using the ctrl key as CTRL-clicking on stuff can already have special meaning (like opening in a new tab in FF/Win or showing the right-click menu on OS X). > > > > --Erik > > > > > > > > > > On 5/24/07, zio budda < [EMAIL PROTECTED]> wrote: > > > Hi all. I'm newbie about jquery so sorry for the stupid question. > > > > > > I have this code: > > > > > > <html> > > > <head> > > > <script type="text/javascript" src="jquery-1.1.2.js"> > > > <script> > > > </script> > > > </head> > > > <body> > > > > > > <div id="contenitore" class="contenitoreC" style="border: 3px black solid;float:left;" > > > > <div id="sotto1" class="interno" style="border:2px red solid; width:200px;height:200px; float:left;"></div> > > > <div id="sotto2" class="interno" style="border:2px green solid; width:200px;height:200px; float:left;"></div> > > > <div id="sotto3" class="interno" style="border:2px blue solid; width:200px;height:200px; float:left;"></div> > > > <div id="sotto4" class="interno" style="border:2px yellow solid; width:200px;height:200px; float:left;"></div> > > > <div id="sotto5" class="interno" style="border:2px orange solid; width:200px;height:200px;float:left;"></div> > > > </div> > > > <script type="text/javascript"> > > > var _mousedown = -1; > > > var last = -1; > > > var lastlast = -1; > > > var now = -1; > > > var first = -1; > > > var shift = -1; > > > $(document).ready( function() { > > > $('div.interno').hover( > > > //IN > > > function() { > > > if (_mousedown == 0) { > > > $(this).css('background','#999999'); > > > $(this).text('ippo'); > > > { > > > lastlast = last; > > > $('#divlastlast').text(lastlast) > > > last = now; > > > $('#divlast').text(last) > > > now = $(this).attr('id'); > > > $('#divnow').text(now) > > > if (now == lastlast || now == first) { > > > $('#'+last).css('background','white'); > > > } > > > } > > > } > > > } > > > , > > > //out Nulla da fare qui. > > > function () {} > > > ); > > > > > > $('div.interno').mousedown( function () { > > > $(' div.interno').css('background','white'); > > > _mousedown = 0; > > > $(this).css('background','#999999') > > > now = $(this).attr('id'); > > > first = $(this).attr('id'); > > > last = -1; > > > lastlast = -1; > > > $('#divfirst').text(now); > > > $('#divnow').text(now); > > > //alert($(this).attr('id')); > > > }); > > > //IF I uncomment this line keypress works > > > //$(document).keypress(function(e) {alert(e.charCode); $('#debug').text(' ');for (i in e) {$('#debug').append(' -- ' + i);}}); > > > $('div.interno').mouseup( function() {_mousedown = -1}); > > > $('#contenitore').keypress(function (e) { > > > alert('dentro'); > > > }); > > > }); > > > </script> > > > <br clear="all"> > > > first:<div id="divfirst"></div> > > > now:<div id="divnow"></div> > > > last: <div id="divlast"></div> > > > lastlast:<div id="divlastlast"></div> > > > debug:<div id="debug"></div> > > > </body> > > > > > > </html> > > > > > > I want to realize this: when the user click into one of #sotto[1-5] div and the "CTRL KEY" is pressed the div change his background color (In the code I have set the click way only). But I have a problem about how to intercept the "CTRL KEY". I have thinked that > > > $('#contenitore').keydown() is "my friend", but it does not work. I have tried the line that you see into the code, but I don't know why it does not work with all key. Keypress works only on $(document). > > > > > > Where is my error ? > > > > > > Tnx. > > > > > > M. > > > -- > > > Michel 'ZioBudda' Morelli [EMAIL PROTECTED] > > > Consulenza sistemistica in ambito OpenSource. > > > Sviluppo applicazioni web dinamiche (LAMP+Ajax) > > > Telefono: +39-3939890025 -- Fax: +39-0291390660 > > > > > > http://www.ziobudda.net ICQ: 58351764 > > > http://www.ziobuddalabs.it Skype: zio_budda > > > http://www.ajaxblog.it MSN: [EMAIL PROTECTED] > > > > > >
-- []´s Jean www.suissa.info Ethereal Agency www.etherealagency.com