重慶分公司,新征程啟航
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務(wù)器等服務(wù)
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務(wù)器等服務(wù)
js
10余年的西湖網(wǎng)站建設(shè)經(jīng)驗,針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整西湖建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)從事“西湖網(wǎng)站設(shè)計”,“西湖網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。
document.getElementById(id).focus();
例如
input id="shan" type="text" onchange ="return gaib(this.id)"/
function gaib(id) {
var oo=document.getElementById(id);
if (oo.value == 3) {
alert('輸入錯誤');
oo.focus();
}
}
jquery
$("#"+id).focus();
例如
input id="shan" type="text" onchange ="return gaib(this.id)"/
function gaib(id) {
var oo=$("#"+id);
if (oo.val() == 3) {
alert('輸入錯誤');
oo.focus();
}
}
jQuery讓鼠標定位輸入框的代碼如圖:
jQuery的簡介:
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫( 或JavaScript框架)。
jQuery設(shè)計的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計模式,優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互。
jQuery的模塊可以分為:入口模塊、底層支持模塊和功能模塊。
其核心特性可以總結(jié)為:具有獨特的鏈式語法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進行擴展。
擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
獲取當前位置代碼如下:
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
titlejavascript獲得鼠標位置/title
/head
body
script
!-- 其中的參數(shù)e指的是事件--
function mouseMove(ev)
{
Ev= ev || window.event;
var mousePos = mouseCoords(ev);
//獲取當前的x,y坐標
document.getElementByIdx_x_x_xx_x("xxx").value = mousePos.x;
document.getElementByIdx_x_x_xx_x("yyy").value = mousePos.y;
}
function mouseCoords(ev)
{
//鼠標移動的位置
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return{
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
document.onmousemove = mouseMove;
/script
鼠標X軸:
input id=xxx type=text
鼠標Y軸:
input id=yyy type=text
/body
需要準備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,編寫基礎(chǔ)代碼。
2、在index.html中的script標簽,輸入js代碼:
var el = window.document.body;
window.document.body.onmouseover = function(event) {
el = event.target;
$('body').append('br/當前鼠標在' + $(el).html() + '元素上');
}
3、瀏覽器運行index.html頁面,此時鼠標移動到123上,會打印出光標在123元素上。
我也遇到這個事情,沒找到好的方法,只能在給文本框賦一次值$("#id").val($("#id").val()),這樣光標就在最后了
textarea的光標是受鍵盤控制的。home當前行頭部,end當前行尾部,↑上一行,↓下一行。你可以。這樣你就可以用JS代碼模擬這4個鍵來控制光標的位置。如果想到下一行開頭,就模擬兩次按鍵就行。
模擬按鍵的函數(shù)。。
function fireKeyEvent(el, evtType, keyCode){
var doc = el.ownerDocument,
win = doc.defaultView || doc.parentWindow,
evtObj;
if(doc.createEvent){
if(win.KeyEvent) {
evtObj = doc.createEvent('KeyEvents');
evtObj.initKeyEvent( evtType, true, true, win, false, false, false, false, keyCode, 0 );
}
else {
evtObj = doc.createEvent('UIEvents');
Object.defineProperty(evtObj, 'keyCode', {
get : function() { return this.keyCodeVal; }
});
Object.defineProperty(evtObj, 'which', {
get : function() { return this.keyCodeVal; }
});
evtObj.initUIEvent( evtType, true, true, win, 1 );
evtObj.keyCodeVal = keyCode;
if (evtObj.keyCode !== keyCode) {
console.log("keyCode " + evtObj.keyCode + " 和 (" + evtObj.which + ") 不匹配");
}
}
el.dispatchEvent(evtObj);
}
else if(doc.createEventObject){
evtObj = doc.createEventObject();
evtObj.keyCode = keyCode;
el.fireEvent('on' + evtType, evtObj);
}
}
使用方法:傳入你想要按的鍵號碼。假設(shè)模擬回車,
fireKeyEvent(topWin.__activeElement, 'keydown', 13);