正文

jquerykeyupapi的简单介绍

IP云
IP云V管理员/4 阅读
05/12
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

jquery 如何绑定onkeyup()事件？

首先引入jquery框架，输入代码：

#36(function()#36("textarea[name=phone_about]").keyup(function(){  #36;("#show").text(#36;(this).val().length);  }); })

当然除此之外，还有另外一种代码，适用于某些电脑：

#36;(document).ready(function(){#36;("#phone_about").keyup(function(){#36;("#show").html(#36;(this).val().length); });});textarea id="phone_about" name="phone_about"/textareadiv id="show" style="display:inline;"0/div

选择哪种方法时，应该根据情况而定。

引入相关的js，css。table的html。datatable排序功能被禁用的js, ordering:false（默认情况下为true）。比较一下，如图可以看到， 禁用排序时，排序的箭头没有了。部分禁用排序功能，禁用第二列的排序功能。js如下。（默认排序的总开关开启，所以这里没有在js里设置）。看下效果，第二列排序的箭头没了

相关问答

Q1: jquery keyup获取键值

document.body.onkeyup = function (e) {

e = e || window.event

console.log('key: ', e.key) // 当前键名

console.log('keyCode: ', e.keyCode) // 键值

console.log('isAlt: ', e.altKey) // 是否同时Alt

console.log('isCtrl: ', e.ctrlKey) // 是否同时按Ctrl

}

Q2: 跪求jquery的input keyup事件监听代码，input为动态生成,name相同。

jQuery.9以上的，取消了 live方法。 低版本可以用live

jQuery1.9以上的应该这么来

$("body").on("keyup","input[name='名字']",function(){

//处理事件

});

如果你的input用一个同样的父类，把上面的那个body换成父类选择器就可以了。

Q3: JQuery，两个text框联动。

以上2个在IE下面，不能让光标跳转到第一个text的最后面，下面代码可以兼容各浏览器，借用1L的js代码扩充为：

script type="text/javascript"

$(function(){

$.fn.textFocus=function(v){

var range,len,v=v===undefined?0:parseInt(v);

this.each(function(){

if($.browser.msie){

range=this.createTextRange(); //文本框创建范围

v===0?range.collapse(false):range.move("character",v); //范围折叠

range.select(); //选中

}else{

len=this.value.length;

v===0?this.setSelectionRange(len,len):this.setSelectionRange(v,v); //dom直接设置选区，然后focus

}

this.focus();

});

return this;

}

$("#text1").keyup(function(e) {

if($("#text1").val().length=5)

{

$("#text2").focus();

}

});

$("#text2").keyup(function(e) {

if($("#text2").val().length=0)

{

$("#text1").textFocus(5);

}

});

})

/script

Q4: 使用jquery库，keyup被执行多次怎么解决

dialog的keyup事件被绑定多次，可以在绑定前先清理一下以前绑定的内容

$(selector).unbind('keyup');

Q5: jQuery1.11.1有什么新特性？

JQUERY1.11.1在线文档

jQuery 1.11.1速查手册，jQuery 1.11.1版本在线文档，jQuery 1.11.1 api

核心

jQuery 核心函数

jQuery([sel,[context]])

jQuery(html,[ownerDoc])1.8*

jQuery(callback)

jQuery.holdReady(hold)

jQuery 对象访问

each(callback)

size()

length

selector

context

get([index])

index([selector|element])

数据缓存

data([key],[value])

removeData([name|list])1.7*

$.data(ele,[key],[val])1.8-

队列控制

queue(e,[q])

dequeue([queueName])

clearQueue([queueName])

插件机制

jQuery.fn.extend(object)

jQuery.extend(object)

多库共存

jQuery.noConflict([ex])

属性

属性

attr(name|pro|key,val|fn)

removeAttr(name)

prop(n|p|k,v|f)

removeProp(name)

CSS 类

addClass(class|fn)

removeClass([class|fn])

toggleClass(class|fn[,sw])

HTML代码/文本/值

html([val|fn])

text([val|fn])

val([val|fn|arr])

CSS

CSS

css(name|pro|[,val|fn])1.9*

jQuery.cssHooks

位置

offset([coordinates])

position()

scrollTop([val])

scrollLeft([val])

尺寸

height([val|fn])

width([val|fn])

innerHeight()

innerWidth()

outerHeight([soptions])

outerWidth([options])

选择器

基本

#id

element

.class

*

selector1,selector2,selectorN

层级

ancestor descendant

parent child

prev + next

prev ~ siblings

基本

:first

:not(selector)

:even

:odd

:eq(index)

:gt(index)

:lang1.9+

:last

:lt(index)

:header

:animated

:focus

:root1.9+

:target1.9+

内容

:contains(text)

:empty

:has(selector)

:parent

可见性

:hidden

:visible

属性

[attribute]

[attribute=value]

[attribute!=value]

[attribute^=value]

[attribute$=value]

[attribute*=value]

[attrSel1][attrSel2][attrSelN]

子元素

:first-child

:first-of-type1.9+

:last-child

:last-of-type1.9+

:nth-child

:nth-last-child()1.9+

:nth-last-of-type()1.9+

:nth-of-type()1.9+

:only-child

:only-of-type1.9+

表单

:input

:text

:password

:radio

:checkbox

:submit

:image

:reset

:button

:file

:hidden(form)

表单对象属性

:enabled

:disabled

:checked

:selected

文档处理

内部插入

append(content|fn)

appendTo(content)

prepend(content|fn)

prependTo(content)

外部插入

after(content|fn)

before(content|fn)

insertAfter(content)

insertBefore(content)

包裹

wrap(html|ele|fn)

unwrap()

wrapAll(html|ele)

wrapInner(html|ele|fn)

替换

replaceWith(content|fn)

replaceAll(selector)

删除

empty()

remove([expr])

detach([expr])

复制

clone([Even[,deepEven]])

筛选

过滤

eq(index|-index)

first()

last()

hasClass(class)

filter(expr|obj|ele|fn)

is(expr|obj|ele|fn)

map(callback)

has(expr|ele)

not(expr|ele|fn)

slice(start,

关于jquerykeyupapi和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。

)

查找

children([expr])

closest(e|o|e)1.7*

find(e|o|e)

next([expr])

nextall([expr])

nextUntil([e|e][,f])

offsetParent()

parent([expr])

parents([expr])

parentsUntil([e|e][,f])

prev([expr])

prevall([expr])

prevUntil([e|e][,f])

siblings([expr])

串联

add(e|e|h|o[,c])1.9*

andSelf()1.8-

addBack()1.9+

contents()

end()

事件

页面载入

ready(fn)

事件处理

on(eve,[sel],[data],fn)1.7+

off(eve,[sel],[fn])1.7+

bind(type,[data],fn)

one(type,[data],fn)

trigger(type,[data])

triggerHandler(type, [data])

unbind(t,[d|f])

事件委派

live(type,[data],fn)1.7-

die(type,[fn])1.7-

delegate(s,[t],[d],fn)

undelegate([s,[t],fn])

事件切换

hover([over,]out)

toggle([spe],[eas],[fn])1.9-

事件

blur([[data],fn])

change([[data],fn])

click([[data],fn])

dblclick([[data],fn])

error([[data],fn])

focus([[data],fn])

focusin([data],fn)

focusout([data],fn)

keydown([[data],fn])

keypress([[data],fn])

keyup([[data],fn])

mousedown([[data],fn])

mouseenter([[data],fn])

mouseleave([[data],fn])

mousemove([[data],fn])

mouseout([[data],fn])

mouseover([[data],fn])

mouseup([[data],fn])

resize([[data],fn])

scroll([[data],fn])

select([[data],fn])

submit([[data],fn])

unload([[data],fn])

效果

基本

show([s,[e],[fn]])

hide([s,[e],[fn]])

滑动

slideDown([s],[e],[fn])

slideUp([s,[e],[fn]])

slideToggle([s],[e],[fn])

淡入淡出

fadeIn([s],[e],[fn])

fadeOut([s],[e],[fn])

fadeTo([[s],o,[e],[fn]])

fadeToggle([s,[e],[fn]])

自定义

animate(p,[s],[e],[fn])1.8*

stop([c],[j])1.7*

delay(d,[q])

finish([queue])1.9+

设置

jQuery.fx.off

jQuery.fx.interval

AJAX

ajax 请求

$.ajax(url,[settings])

load(url,[data],[callback])

$.get(url,[data],[fn],[type])

$.getJSON(url,[data],[fn])

$.getScript(url,[callback])

$.post(url,[data],[fn],[type])

ajax 事件

ajaxComplete(callback)

ajaxError(callback)

ajaxSend(callback)

ajaxStart(callback)

ajaxStop(callback)

ajaxSuccess(callback)

其它

$.ajaxPrefilter([type],fn)

$.ajaxSetup([options])

serialize()

serializearray()

工具

浏览器及特性检测

$.support

$.browser1.9-

$.browser.version

$.boxModel

数组和对象操作

$.each(object,[callback])

$.extend([d],tgt,obj1,[objN])

$.grep(array,fn,[invert])

$.sub()1.9-

$.when(deferreds)

$.makeArray(obj)

$.map(arr|obj,callback)

$.inArray(val,arr,[from])

$.toArray()

$.merge(first,second)

$.unique(array)

$.parseJSON(json)

$.parseXML(data)

函数操作

$.noop

$.proxy(function,context)

测试操作

$.contains(c,c)

$.type(obj)

$.isarray(obj)

$.isFunction(obj)

$.isEmptyObject(obj)

$.isPlainObject(obj)

$.isWindow(obj)

$.isNumeric(value)1.7+

字符串操作

$.trim(str)

URL

$.param(obj,[traditional])

插件编写

$.error(message)

$.fn.jquery

事件对象

eve.currentTarget

eve.data

eve.delegateTarget1.7+

eve.isDefaultPrevented()

eve.isImmediatePropag...()

eve.isPropagationStopped()

eve.namespace

eve.pageX

eve.pageY

eve.preventDefault()

eve.relatedTarget

eve.result

eve.stopImmediatePro...()

eve.stopPropagation()

eve.target

eve.timeStamp

eve.type

eve.which

延迟对象

def.done(d,[d])

def.fail(failCallbacks)

def.isRejected()1.7-

def.isResolved()1.7-

def.reject(args)

def.rejectWith(c,[a])

def.resolve(args)

def.resolveWith(c,[a])

def.then(d[,f][,p])1.8*

def.promise([ty],[ta])

def.pipe([d],[f],[p])1.8-

def.always(al,[al])

def.notify(args)1.7+

def.notifyWith(c,[a])1.7+

def.progress(proCal)1.7+

def.state()1.7+

回调函数

cal.add(callbacks)1.7+

cal.disable()1.7+

cal.empty()1.7+

cal.fire(arguments)1.7+

cal.fired()1.7+

cal.fireWith([c] [,a])1.7+

cal.has(callback)1.7+

cal.lock()1.7+

cal.locked()1.7+

cal.remove(callbacks)1.7+

$.callbacks(flags)1.7+

关于jquerykeyupapi和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。