Возникли проблемы с моим кодом, работающим для IE или Firefox - PullRequest
Новая
       18

Возникли проблемы с моим кодом, работающим для IE или Firefox

0 голосов
/ 29 августа 2011

Этот код работает в моем тестовом браузере с чашкой кофе, но когда я тестирую в других браузерах, он вообще не работает.Ни одна из функций не работает, перетаскивание, выделение текста в фокусе и изменение курсора при наведении курсора мыши.

Вот код, который я собрал. 

<html>
    <head>
        <title>sample</title>
        <script type="text/javascript">

            function handleMouseMove(oEvent) {
                if (oEvent.button == 1) {
                    oEvent.srcElement.dragDrop();
                }
            }

            function handleDragDropEvent(oEvent,nm) {
                oEvent.dataTransfer.setData("text",""+nm+"");
            }

            function SelectAll(id) {
                document.getElementById(id).focus();
                document.getElementById(id).select();
            }

        </script>
    </head> 
    <body>
        <table border="0"  width="25%">
            <td align="left"><div style="background-color: transparent"       onmouseover="this.style.cursor='hand'" onmousemove="handleMouseMove(event)" ondragstart="handleDragDropEvent(event,['S.D.'])"><b><font color="#0080FF">S.D.</font></b></div></td><!-- Col 1 -->
            <td align="center"><font size="1">5.2</font></td><!-- Col 2 -->
            <td align="right"><div style="background-color: transparent" onmouseover="this.style.cursor='hand'" onmousemove="handleMouseMove(event)" ondragstart="handleDragDropEvent(event,['G.B.'])">G.B.</div></td><!-- Col 3 -->
        </table>
        <br /><br />

     <b>16: </b><input type="text" id="16" onClick="SelectAll('16');" name="16" size="12" tabindex=3 value="" />
    </body> 
</html>

Я также хотел бы удалитьтекст по капле, так что если текстовое поле содержит текст, то, что падает, заменит и не добавит к нему.Пожалуйста, помогите.

1 Ответ

0 голосов
/ 29 августа 2011

Есть несколько проблем:

  1. Курсор "hand" не называется "hand", но указатель "
  2. Событие ondragstart не поддерживаетсякаждый браузер, так как это HTML5
  3. и идентификатор / имя должны начинаться с буквы

Было бы лучше использовать что-то вроде jQuery (+ плагины) для всехэти события.

...