javascript重新拾起(一)

知识点集合：

1.通过id:var x=document.getElementById("intro"); 如果未找到该元素，则 x 将包含 null。

通过TagName：var x=document.getElementById("main");

　　　　　　　var y=x.getElementsByTagName("p");

2.获取鼠标在浏览器的位置：
调用方法：<body onmousedown="show_coords(event)">

function show_coords(event)
{
x=event.clientX
y=event.clientY
alert("X 坐标: " + x + ", Y 坐标: " + y)
}

3.获取当前鼠标按下的键

function whichButton(event)
{
var btnNum = event.button;
if (btnNum==2)
{
alert("您点击了鼠标右键！")
}
else if(btnNum==0)
{
alert("您点击了鼠标左键！")
}
else if(btnNum==1)
{
alert("您点击了鼠标中键！");
}
else
{
alert("您点击了" + btnNum+ "号键，我不能确定它的名称。");
}
}

4.获取键盘的Unicode值

alert(event.keyCode)

5.指针相对于屏幕的 x 和 y 坐标

function coordinates(event)
{
x=event.screenX
y=event.screenY
alert("X=" + x + " Y=" + y)
}

6.判断是否按下shift键

<script type="text/javascript">
function isKeyPressed(event)
{
if (event.shiftKey==1)
{
alert("The shift key was pressed!")
}
else
{
alert("The shift key was NOT pressed!")
}
}
</script>

7.当对象是null和undefined的时候可以用!判断该对象是不是true,以下2个都会弹出为true，可以用来判断对象是否存在,如果不是上述2种类型则js都会返回true

var ff;
alert(!ff)
var mm;
mm=null;
alert(!mm)

8.获取当前鼠标点击的元素

<script type="text/javascript">
function whichElement(e)
{
var targ
if (!e) var e = window.event
if (e.target) targ = e.target
else if (e.srcElement) targ = e.srcElement
if (targ.nodeType == 3) // defeat Safari bug
targ = targ.parentNode
var tname
tname=targ.tagName
alert("You clicked on a " + tname + " element.")
}
</script>

9.判断哪个事件被引发

<script type="text/javascript">
function getEventType(event)
{
alert(event.type);
}
</script>

10.鼠标和键盘所带属性

altKey	返回当事件被触发时，"ALT" 是否被按下。
button	返回当事件被触发时，哪个鼠标按钮被点击。
clientX	返回当事件被触发时，鼠标指针的水平坐标。
clientY	返回当事件被触发时，鼠标指针的垂直坐标。
ctrlKey	返回当事件被触发时，"CTRL" 键是否被按下。
metaKey	返回当事件被触发时，"meta" 键是否被按下。
relatedTarget	返回与事件的目标节点相关的节点。
screenX	返回当某个事件被触发时，鼠标指针的水平坐标。
screenY	返回当某个事件被触发时，鼠标指针的垂直坐标。
shiftKey	返回当事件被触发时，"SHIFT" 键是否被按下。

事件的2级属性

属性	描述
bubbles	返回布尔值，指示事件是否是起泡事件类型。
cancelable	返回布尔值，指示事件是否可拥可取消的默认动作。
currentTarget	返回其事件监听器触发该事件的元素。
eventPhase	返回事件传播的当前阶段。
target	返回触发此事件的元素（事件的目标节点）。
timeStamp	返回事件生成的日期和时间。
type	返回当前 Event 对象表示的事件的名称。

标准事件方法

方法	描述
initEvent()	初始化新创建的 Event 对象的属性。
preventDefault()	通知浏览器不要执行与事件关联的默认动作。
stopPropagation()	不再派发事件。

posted @ 2015-01-16 14:53 yu_liantao 阅读(203) 评论(0) 收藏举报

刷新页面返回顶部