2017-05-30 7 views
0

私はjavascriptのイベントについていくつかの調査を行ってきましたが、onmousemoveのイベントに渡されていることをまだ理解できません。onmousemove、イベントに渡されているもの - javascript

抜粋から:W3Schoolsの

れるonmousemove = "show_coords(イベント)"

このイベント引数は何ですか?それは本当に必要ですか?それとも、私は何とかそれがこのようなイベント引数なしで動作させることができます:

れるonmousemove =「show_coords()」

私はそれがイベント引数なしで動作させるためにすべてを試みたが、私はここで何かが欠けていると思います。

編集:

は、ここで私はで遊んでいたものです。

はい - それは正常に動作していますが、マウスで作業するとき、私は、イベントを必要とし、それをどのような、なぜ私は理解していないが、座標

これは>>>れるonmousemove =「show_coords(イベント)」

これに

>>>れるonmousemove = "show_coords()"と(.clientX/Y、.pageX/Y、.screenX/Y)がイベントを必要としないのはなぜそれが

を動作させますか?それなしでそれらにアクセスする方法はありますか?

私はちょうどこの>>>れるonmousemove = "show_coords(本)"

ように "この"

"イベント" 引数すべてのイベント・ワードをchaging を試してみました

でも動作しません。どうして?

<!DOCTYPE html> 
<html onmousemove="show_coords(event)" style="border-style: solid"> 
<head> 
</head> 

<body> 


<p style="position : fixed; color :red; top: 50px" id="demo"></p> 

<p style="position : fixed; color :blue ;top: 10px" id="demo2"></p> 

<p style="position : fixed; top: 31px" id="demo3"></p> 

<div style="height: 1000px"></div> 
<script> 
    function show_coords(event) 
    { 
     var x=event.clientX; 
     var y=event.clientY; 
     var xa=event.pageX; 
     var ya=event.pageY; 
     var xb=event.screenX; 
     var yb=event.screenY; 

     document.getElementById('demo').innerHTML = "Client: x = " + x + " y = " + y; 

     document.getElementById('demo2').innerHTML = "Page: xa = " + xa + " ya = " + ya; 

     document.getElementById('demo3').innerHTML = "Screen: xb = " + xb + " yb = " + yb; 
    } 
</script> 
</body> 
</html> 
+0

[Javascript:パラメータe(イベント)とは何ですか?なぜJavaScript関数に渡すのですか?](https://stackoverflow.com/questions/35936365/javascript-what-exactly-is-parameter-eevent -and-why-pass-it-to-javascript-fun) – heliosk

+0

何をトリガーしますか?マウスの座標が必要ですか、またはマウスが動いたことを知りたいだけですか? –

+0

あなたは何を達成しようとしていますか?完全なコードを投稿できますか? – threeFatCat

答えて

0

このイベント引数は

Event objectsは停止する(そのような要素は、それをトリガするために使用されたまさになど)、イベントに関する情報を含むオブジェクトとそれを操作する方法(例えばどのようなものさそれはDOMをバブリングする)。

または私は何とかそれがイベントハンドラ関数に渡されるイベントオブジェクトを使って何を行うには必要条件はありません。この

のようなイベント引数なしで動作させることができます。

show_coordsの機能がそれに依存している場合(再編集する場合)は、それを渡すか、またはshow_coordsの機能が何であれ、何かを行う必要があります。


私は、「イベント」引数と「これは」それが動作しないためにあらゆるイベントの単語をchagingみました。どうして?

イベントハンドラがバインドされるイベントと要素がまったく異なるものであるためです。それは「ウェールズへのジョンの旅」と「ジョンの車」の違いです。