# is a special char and needs to be escaped like 'a[href*=\\#]:not([href=\\#])'
$('#textareaID').bind('input propertychange', function() {
});
//再focus執行前，加入tabindex屬性
$dropdownMenu.attr('tabindex',-1).fadeIn().focus();
// Get the focused element:
var $focused = $(':focus');
// No jQuery:
var focused = document.activeElement;
// Does the element have focus:
var hasFocus = $('foo').is(':focus');
// No jQuery:
elem === elem.ownerDocument.activeElement;
:focus {
outline: none;
}
var iframe = $("#videoIntro")[0];
if (typeof(iframe) != "undefined") {
var player = $f(iframe);
}
id="register_hyperlink" href="javascript:void();">Register an account id="register_hyperlink" href="javascript:void(0);">Register an accountvar formdata = new FormData();
//指定欄位的name與binary string
formdata.append("fileToUpload", file);
$.ajax({
data: formdata,
type: "POST",
url: "your_api/upload_imgur/" + uid,
// cache: false,
contentType: false,
// dataType: "json",//用這個叫api會404
processData: false,
success: function(rJSON) {
$.console("send file callback:");
}
});
參考https://github.com/HackerWins/summernote/issues/72
$('html, body').animate({scrollTop: $("#page").offset().top}, 2000);
jQuer
| IE | Firefox | Chrome Safari | Opera | |
|---|---|---|---|---|
| 关闭当前浏览器窗口 | 事件被触发 | 事件被触发 | 事件被触发 | 不支持该事件 |
| 导航到另一个进入一个新的地址或选择一个喜欢的位置 | 事件被触发 | 事件被触发 | 事件被触发 | 不支持该事件 |
| 单击后退，前进，刷新，或主页按钮 | 事件被触发 | 事件被触发 | 事件被触发 | 不支持该事件 |
| 点击一个链接到新页面 | 事件被触发 | 事件被触发 | 事件被触发 | 不支持该事件 |
| 调用 anchor.click方法 | 事件被触发 | 不支持此方法1 | 不支持此方法1 | 不支持该事件 |
| 调用 document.write方法 | 事件被触发 | 事件被触发 | 事件未触发 | 不支持该事件 |
| 调用 document.open方法 | 事件被触发 | 事件被触发 | 事件未触发 | 不支持该事件 |
| 调用 document.close方法 | 事件未触发 | 事件未触发 | 事件未触发 | 不支持该事件 |
| 调用 window.open方法，窗口名称设置值为 _self | 事件被触发 | 事件被触发 | 事件被触发 | 不支持该事件 |
| 调用 window.navigate | 事件被触发 | 不支持此方法2 | 不支持此方法2 | 不支持该事件 |
| 调用 NavigateAndFind方法 | 事件被触发 | 不支持此方法3 | 不支持此方法3 | 不支持此方法3 |
| 调用 location.replace 方法 | 事件被触发 | 事件被触发 | 事件被触发 | 不支持该事件 |
| 调用 location.reload 方法 | 事件被触发 | 事件被触发 | 事件被触发 | 不支持该事件 |
| 指定一个 location.href 属性的新值 | 事件被触发 | 事件被触发 | 事件被触发 | 不支持该事件 |
| 使用 submit 按键提交表单 | 事件被触发 | 事件被触发 | 事件被触发 | 不支持该事件 |
| 调用 form.submit 方法 | 事件被触发 | 事件被触发 | 事件被触发 | 不支持该事件 |
| 调用 javascipt: 伪协议 | 事件被触发 | 事件未触发 | 事件未触发 | 不支持该事件 |
| 调用 mailto: 伪协议 | 事件未触发 | 事件未触发 | 事件被触发 | 不支持该事件 |
| 调用自定义伪协议 | 事件被触发 | 事件被触发 | 事件被触发 | 不支持该事件 |
$('input:text')[nextIndex].focus();//會爆掉!!
// var $anchor = $("<a data-id='" + nodeData.id + "'>");
var $anchor = $("<a data-id='" + nodeData.id + "'></a>");
//清掉資料
$.data("your_key",null)
//判斷資料還存不存在，如果沒存過第一次是會找到undefined!!
var queryUserData = $.data("your_key",null)
if(typeof (queryUserData) == "undefined" || queryUserData == null){
//做你要幹的事
//.....
}
$parentNode.delegate("li","click",function(event){
var $currLI = $(this);
if($currLI.hasClass("select_this")){
//unselected
$.console("[UserList.render] delegate:unselected user");
if(event.shiftKey){
//just unselected
$currLI.removeClass("select_this");
}else{
//re-locate last selected/unselected
$currLI.removeClass("select_this");
$currLI.addClass("last_selected");
$lastSelected.removeClass("last_selected");
//change last selected
$lastSelected = $currLI;
}
}else{
//selected
$.console("[UserList.render] delegate:selected user");
//
// SHIFT + CLICK
//
var $shiftSelected = [];//record seleted items by shfit key
if(event.shiftKey){
//shift + click logic
if($lastSelected.length > 0){//first click
if($lastSelected == $currLI){
$.console("[UserList.render] same selection");
return false;
}else{
//detect foward or back
direction = $currLI.nextAll(".last_selected").length > 0 ? "forward" : "back";
$.console("[UserList.render] last_selected count:" + $currLI.nextAll(".last_selected").length);
$.console("[UserList.render] direction:" + direction);
if(direction == "forward"){
$shiftSelected = $currLI.nextUntil($lastSelected);
}else{
//back
$shiftSelected = $lastSelected.nextUntil($currLI);
}
// $.console("$shiftSelected:" + $shiftSelected.length);
$LICollection.removeClass("select_this");//reset pre selected
//final selected items
$shiftSelected.addClass("select_this");//highlight shift selected
$lastSelected.addClass("select_this");//highlight last selected
$currLI.addClass("select_this");//highlight current selected
}
}else{
$lastSelected = $currLI;
$currLI.addClass("select_this last_selected");
}
}else{
//record last selected
$lastSelected = $currLI;
$currLI.addClass("select_this last_selected");
}
}
//for debug
// $.console("lastselected username:" + $lastSelected.find(".usr_name").html());
if(userlist.selecteEventHandler && typeof(userlist.selecteEventHandler) === "function"){
userlist.selecteEventHandler($currLI,userlist.getSelectedItems());
}
});
//userElem為html tag $(userElem).hide().appendTo($parentNode).fadeIn(1000);
//dom api
document.getElementById('dllink').click();
//jquery api
$("#dllink")[0].click();
setTimeout method has a delay of 1ms. This is just to add the function into the UI queue. Since setTimeout runs asynchronously the Javascript interpreter will continue by directly calling thereturn statement, which in turn triggers the browsers modal dialog. This will block the UI queue and the code from the first setTimeout is not executed, until the modal is closed. If the user pressed cancel, it will trigger another setTimeout which fires in about one second. If the user confirmed with ok, the user will redirect and the second setTimeout is never fired.$(function(){
$(window).bind("beforeunload", function(e) {
setTimeout(function() {
setTimeout(function() {
$("body").css('background-color', 'red').html("User click cancel button");
}, 1000);
},1);
return 'are you sure';
});
//按ok處理
$(window).unload( function () {
console.log('bye bye :)');
} );
});
$(window).bind("beforeunload", function() {
return "Are you sure?";
});
When you add return false, a confirmation dialog shows up, delaying the page unload. Meanwhile, the AJAX request finishes. When no return statement is included, the page will immediately unloads, terminating all active connections (and breaking your AJAX request).
