Search jQuery

jQuery Forum

Using jQuery

dumbsearch

jQuery bind events

in Using jQuery • 11 years ago

I really need help with binding keyup with other events. The part of the code I am having trouble with is here:

$("#INPUTID")

.bind("mouseenter keyup mouseleave blur",

function () {

For now, it ignores every except keyup, but I want it to use everything, including mouseenter, keyup, mouseleave and blur. I need to do this for a project ASAP, so help would be appreciated.

Thanks!

Replies(3)

ericglevan

Re: jQuery bind events

11 years ago

I am having the same problem...

mworku

Re: jQuery bind events

11 years ago

It should work, take a look at this snippet

http://jsfiddle.net/EvjCq/7/

dumbsearch

Re: Re: jQuery bind events

11 years ago

That's funny, but the code I have ignores everything except keyup.

This is the code I have right now:

<script type="text/javascript">var my_text = "",
cb_ctr = 1;
$().ready(function () {
$("#inputid")
.bind("mouseenter keyup mouseleave blur",
function () {
var b = $(this).val();
if (my_text != b) {
my_text = b;
$(this);
var d = "got_ddg_api_result_" + cb_ctr.toString();
window[d] = function () {
var e = cb_ctr;
return function (a) {
if (cb_ctr - 1 == e) {
var c = $("<div style='position:absolute;left:122px;top:44px;width:577px;font-family:Segoe UI', Arial, sans-serif;background-color:white;'></div>");
a.Definition && c.append($("<span style='position:absolute;left:215px;top:44px;width:482px; text-overflow:ellipsis;height:15px;text-decoration:none;overflow:hidden;font-family:Segoe UI, Arial, sans-serif;background-color:white;' onmouseover=returnfalse></span>").html(a.Definition));
c.append($("<a style='position:absolute;left:121.89999999px;top:44px;text-overflow:ellipsis;height:15px;background-color:white;text-decoration:none;overflow:hidden;font-family:arial narrow;'></a>").attr("href", a.DefinitionURL).html(a.DefinitionSource));
a.Answer && c.append($('<div style="position:absolute;left:111px;top:44px;width:577px;font-family:arial narrow;background-color:white;"></div>').html(a.Answer));
a.Abstract && c.append($('<div style="position:absolute;left:111px;top:44px;width:577px;font-family:arial narrow;background-color:white;"></div>').html(a.Abstract));
$("body").append(c)
}
}
}();
cb_ctr += 1;
$.ajax({
url: "http://api.duckduckgo.com/",
dataType: "script",
type: "GET",
data: {
q: b,
o: "json",
callback: d
}
});
$.ajax({
url: "/logger.php",
type: "POST",
data: {
q: $(this).val()
}
});
}
});
});</script>

I would love help!
Thanks!

Top Reply

Response title

Attachments

jQuery Forum

jQuery bind events

Replies(3)

Re: jQuery bind events

Re: jQuery bind events

Re: Re: jQuery bind events

Statistics

Tags

Actions

Related Posts